Show example 1 in docs

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/' }
         ]
     }

docs/components/DragGrid.md

-# 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

docs/examples/Generic.md

+# 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