chore(docs): fix typo and update title

README.md

@@ -75,6 +75,7 @@ Nodes additionally need an __XY-position__, while edges require a __source__ and
 ```vue
 <!-- Flowchart.vue -->
 <script setup>
+import { ref } from 'vue'  
 import { VueFlow } from '@vue-flow/core'
 
 const nodes = ref([

docs/src/guide/getting-started.md

@@ -43,14 +43,14 @@ $ yarn add @vue-flow/core
 
 :::
 
-## Usage
+## Quick Start
 
-In Vue Flow, a graph consists of [**nodes**](/typedocs/interfaces/Node)and [**edges**](/typedocs/types/Edge), all of which are categorised as [**elements**](/typedocs/types/Elements).
+In Vue Flow, a graph consists of [**nodes**](/typedocs/interfaces/Node) and [**edges**](/typedocs/types/Edge).
 
-**Each node and edge requires a unique id.**
+**Each node or edge requires a unique id.**
 
-Nodes also need an [XY-position](/typedocs/interfaces/XYPosition), while edges require a `source` and a
+Nodes also need a [XY-position](/typedocs/interfaces/XYPosition), while edges require a `source` and a
-`target`, both represented by node ids.
+`target` node id.
 
 ::: warning NOTE!
 To ensure Vue Flow's is correctly displayed, make sure you include the necessary styles.

docs/src/guide/node.md

@@ -62,8 +62,7 @@ For the full list of options available for a node, check out the [Node Interface
 
 ## Adding Nodes to the Graph
 
-Nodes are generally created by adding them to the `mode-value` (using `v-model`) or to the `nodes` prop of the Vue Flow component.
+Nodes are rendered by passing them to the `nodes` prop (or the deprecated `v-model` prop) of the Vue Flow component.
-This can be done dynamically at any point in your component's lifecycle.
 
 :::code-group