From 3c75b57fdb1ada43093841023658bca546cccdcb Mon Sep 17 00:00:00 2001
From: Julian Leucker <leuckerj@gmail.com>
Date: Mon, 13 Feb 2023 22:10:59 +0100
Subject: [PATCH] Show example 1 in docs
---
docs/.vuepress/config.js | 3 ++-
docs/components/DragGrid.md | 7 -------
docs/examples/Generic.md | 12 ++++++++++++
3 files changed, 14 insertions(+), 8 deletions(-)
delete mode 100644 docs/components/DragGrid.md
create mode 100644 docs/examples/Generic.md
diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index b4c5e09..bd521bf 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -7,13 +7,14 @@ module.exports = {
title: 'Components',
collapsable: false,
children: [
- '/components/DragGrid.md',
+ '/examples/Generic.md',
]
}
],
nav: [
{ text: 'Home', link: '/' },
{ text: 'Guide', link: '/guide/' },
+ { text: 'Examples', link: '/examples/Generic.md'},
{ text: 'Repository', link: 'https://edugit.org/AlekSIS/libs/vue-draggable-grid/' }
]
}
diff --git a/docs/components/DragGrid.md b/docs/components/DragGrid.md
deleted file mode 100644
index e8fe7d0..0000000
--- a/docs/components/DragGrid.md
+++ /dev/null
@@ -1,7 +0,0 @@
-# DragGrid
-
-`DragGrid` is a cool component. Here's how to use it...
-
-<template>
- <DragGrid :rows="5" :cols="5" v-model="items"></DragGrid>
-</template>
\ No newline at end of file
diff --git a/docs/examples/Generic.md b/docs/examples/Generic.md
new file mode 100644
index 0000000..520206b
--- /dev/null
+++ b/docs/examples/Generic.md
@@ -0,0 +1,12 @@
+# Example 1: Generic Example
+
+Grid with two programmatically blocked cells and one programmatically blocked item
+
+<ClientOnly>
+<script setup>
+import Example1Generic from "../../example/src/Example1Generic.vue";
+</script>
+
+
+<Example1Generic />
+</ClientOnly>
\ No newline at end of file
--
GitLab