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