From ff055517cd30567ffb824a782e3468dcb2a140d4 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Thu, 13 Jun 2024 22:33:09 +0200
Subject: [PATCH] chore(docs): fix typo and update title

---
 README.md                         |  1 +
 docs/src/guide/getting-started.md | 10 +++++-----
 docs/src/guide/node.md            |  3 +--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/README.md b/README.md
index e3599c60..0054e36a 100644
--- a/README.md
+++ b/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([
diff --git a/docs/src/guide/getting-started.md b/docs/src/guide/getting-started.md
index 08a7a61a..855e95c0 100644
--- a/docs/src/guide/getting-started.md
+++ b/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
-`target`, both represented by node ids.
+Nodes also need a [XY-position](/typedocs/interfaces/XYPosition), while edges require a `source` and a
+`target` node id.
 
 ::: warning NOTE!
 To ensure Vue Flow's is correctly displayed, make sure you include the necessary styles.
diff --git a/docs/src/guide/node.md b/docs/src/guide/node.md
index 226b09a4..1de2c290 100644
--- a/docs/src/guide/node.md
+++ b/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.
-This can be done dynamically at any point in your component's lifecycle.
+Nodes are rendered by passing them to the `nodes` prop (or the deprecated `v-model` prop) of the Vue Flow component.
 
 :::code-group