WIP bestiaire

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

@@ -14,6 +14,9 @@
           </v-col>
         </v-row>
       </v-container>
+      <v-overlay :value="loading">
+        <v-progress-circular indeterminate size="64"></v-progress-circular>
+      </v-overlay>
     </v-content>
   </v-app>
 </template>
@@ -40,6 +43,9 @@ export default {
   },
 
   computed: {
+    loading () {
+      return this.$store.state.loading
+    },
     hasRightDrawer() {
       return this.$store.state.hasRightDrawer
     }

docs/.vuepress/theme/layouts/MonsterLayout.vue

@@ -0,0 +1,29 @@
+<template>
+  <div class="monster">
+    <Breadcrumb />
+    <Monster />
+  </div>
+</template>
+
+<script>
+import Breadcrumb from '@theme/components/Breadcrumb'
+import Monster from '@theme/components/Monster'
+
+export default {
+  name: 'MonsterLayout',
+
+  components: {
+    Breadcrumb,
+    Monster
+  },
+
+  mounted () {
+    this.$store.commit('setHasRightDrawer', false)
+    this.$store.commit('setRightDrawer', false)
+    this.$store.commit('setInRightDrawer', null)
+  }
+}
+</script>
+
+<style>
+</style>