recherche et pages

docs/.vuepress/theme/layouts/GlobalLayout.vue

@@ -1,57 +1,16 @@
 <template>
   <v-app>
-    <v-navigation-drawer v-model="drawer" :clipped="$vuetify.breakpoint.lgAndUp" app>
-      <v-list dense>
-        <template v-for="item in items">
-          <v-row v-if="item.heading" :key="item.heading" align="center">
-            <v-col cols="6">
-              <v-subheader v-if="item.heading">
-                {{ item.heading }}
-              </v-subheader>
-            </v-col>
-            <v-col cols="6" class="text-center">
-              <a href="#!" class="body-2 black--text">EDIT</a>
-            </v-col>
-          </v-row>
-          <v-list-group v-else-if="item.children" :key="item.text" v-model="item.model" :prepend-icon="item.model ? item.icon : item['icon-alt']" append-icon="">
-            <template v-slot:activator>
-              <v-list-item-content>
-                <v-list-item-title>
-                  {{ item.text }}
-                </v-list-item-title>
-              </v-list-item-content>
-            </template>
-            <v-list-item v-for="(child, i) in item.children" :key="i" link>
-              <v-list-item-action v-if="child.icon">
-                <v-icon>{{ child.icon }}</v-icon>
-              </v-list-item-action>
-              <v-list-item-content>
-                <v-list-item-title>
-                  {{ child.text }}
-                </v-list-item-title>
-              </v-list-item-content>
-            </v-list-item>
-          </v-list-group>
-          <v-list-item v-else :key="item.text" link>
-            <v-list-item-action>
-              <v-icon>{{ item.icon }}</v-icon>
-            </v-list-item-action>
-            <v-list-item-content>
-              <v-list-item-title>
-                {{ item.text }}
-              </v-list-item-title>
-            </v-list-item-content>
-          </v-list-item>
-        </template>
-      </v-list>
-    </v-navigation-drawer>
+
+    <NavDrawer />
 
     <Navbar />
 
     <v-content>
       <v-container class="fill-height" fluid>
-        <v-row align="center" justify="center">
-          <DefaultGlobalLayout/>
+        <v-row align="start" justify="center">
+          <v-col cols="12">
+            <DefaultGlobalLayout/>
+          </v-col>
         </v-row>
       </v-container>
     </v-content>
@@ -61,13 +20,15 @@
 <script>
 import GlobalLayout from '@app/components/GlobalLayout.vue'
 import Navbar from '@theme/components/Navbar.vue'
+import NavDrawer from '@theme/components/NavDrawer.vue'
 
 export default {
   name: 'GlobalLayout',
 
   components: {
     DefaultGlobalLayout: GlobalLayout,
-    Navbar
+    Navbar,
+    NavDrawer
   },
 
   data () {
@@ -108,14 +69,6 @@ export default {
   },
 
   computed: {
-    drawer: {
-      get () {
-        return this.$store.state.drawer
-      },
-      set (newValue) {
-        this.$store.commit('setDrawer', newValue)
-      }
-    }
   },
 
   mounted () {

docs/.vuepress/theme/layouts/Layout.vue

@@ -1,24 +1,17 @@
 <template>
   <div>
-    <Home v-if="$page.frontmatter.home" />
-
-    <Page v-else>
-      <template #top>
-        <slot name="page-top" />
-      </template>
-      <template #bottom>
-        <slot name="page-bottom" />
-      </template>
-    </Page>
+    <Page></Page>
   </div>
 </template>
 
 <script>
+import Page from '@theme/components/Page.vue'
 
 export default {
   name: 'Layout',
 
   components: {
+    Page
   },
 
   computed: {