From 83a2bc219ce16accd4bb98375a4d31890f0266b2 Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Fri, 3 Mar 2023 21:43:04 +0100
Subject: [PATCH] Reword docs

---
 docs/examples/Disabled.md | 5 +++--
 docs/guide/index.md       | 4 +---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/docs/examples/Disabled.md b/docs/examples/Disabled.md
index c44d5dd..8f8c86c 100644
--- a/docs/examples/Disabled.md
+++ b/docs/examples/Disabled.md
@@ -2,10 +2,11 @@
 
 This uses the same data as the tic-tac-toe but is completely disabled.
 Notice how the items still move if the tic-tac-toe data
-change. Uncheck the checkbox to enable:
+change. Uncheck the first checkbox to enable the grid.
 
 The grid can also be in a loading state, in which it is disabled as well,
-but it displays loading symbols everywhere. Check the checkbox to try:
+but it displays loading symbols everywhere. Check the second checkbox to
+enable the loading state.
 
 <ClientOnly>
 <script setup>
diff --git a/docs/guide/index.md b/docs/guide/index.md
index 4fd751b..1932522 100644
--- a/docs/guide/index.md
+++ b/docs/guide/index.md
@@ -17,7 +17,7 @@ Vue.use(draggableGrid);
 // Now create your app as usual
 ```
 
-Inside the component where you want to use the grid define your grid and data as follows:
+An example usage could look like this:
 
 ```vue
 <template>
@@ -70,8 +70,6 @@ export default {
 A field (or cell) can be blocked via the `disabledFields` prop. The prop receives an array of objects, containing the
 coordinates of the blocked fields.
 
-An example for a disabled fields property:
-
 ```javascript
 disabledFields: [
   { x: 1, y: 1 },
-- 
GitLab