update docs with nuxt-quickdoc

doc/examples/index.ts

@@ -19,7 +19,6 @@ type ExampleImports = {
   [key: string]: any;
 }
 
-
 export const exampleImports: Record<string, any> = {
   playground,
   shader,

doc/examples/playground/index.ts

@@ -1,4 +1,4 @@
-import PlaygroundApp from './App.vue?raw'
+import PlaygroundApp from './App.vue?raw';
 
 export default {
   section: 'Demo',

doc/examples/serializationDeserialization/App.vue

@@ -1,7 +1,7 @@
 <template>
-  <diagram :model="model" height="700"/>
   <button @click="console.log(model.serialize())">serialize</button>
   <button @click="model.deserialize(serializedModel)">deserialize</button>
+  <diagram :model="model" height="700"/>
 </template>
 <script>
 import { Diagram } from "vue-diagrams";

doc/layouts/default.vue

@@ -1,40 +1,8 @@
 <template>
-  <div>
-    <Header/>
+  <DefaultLayout>
     <slot/>
-  </div>
+  </DefaultLayout>
 </template>
-<script>
-import '@mdi/font/css/materialdesignicons.css';
-
-export default {};
+<script setup>
+import DefaultLayout from 'nuxt-quickdoc/layouts/default.vue';
 </script>
-<style>
-@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700&display=swap');
-
-body {
-  margin: 0;
-  padding: 0;
-  font-family: 'Roboto', sans-serif;
-  --background-color: #7957d5;
-  --text-color: #363636;
-  --dark-text-color: #fff;
-  --dark-background-color: rgb(55,170,232);
-  --dark-background-color-2: rgb(161,10,187);
-  --dark-error-background-color: rgb(232,120,55);
-  --dark-error-background-color-2: rgb(91,7,7);
-  --primary-color-lighter: #a18dd8;
-  --primary-color-darker: #714dd2;
-}
-
-.container {
-  max-width: 960px;
-  margin: auto;
-}
-
-.background-dark {
-  background: var(--dark-background-color);
-  background: linear-gradient(48deg, var(--dark-background-color) 0%, var(--dark-background-color-2) 100%);
-  color: white;
-}
-</style>

doc/nuxt.config.js

@@ -1,4 +1,8 @@
+
 export default {
+  modules: [
+    'nuxt-quickdoc',
+  ],
   target: 'static',
   ssr: false,
 };

doc/package.json

@@ -18,6 +18,7 @@
     "@mdi/font": "^7.1.96",
     "@vue/repl": "^3.0.0",
     "codemirror": "^6.0.1",
+    "nuxt-quickdoc": "https://github.com/gwenaelp/nuxt-quickdoc.git",
     "vue-codemirror": "^6.1.1",
     "vue3-carousel": "^0.3.1"
   }