classes

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

@@ -46,6 +46,7 @@ export default {
   },
 
   mounted () {
+    this.$vuetify.theme.dark = this.$store.state.isThemeDark
   },
 
   methods: {

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

@@ -1,16 +1,19 @@
 <template>
   <div>
+    <Breadcrumb />
     <Page></Page>
   </div>
 </template>
 
 <script>
-import Page from '@theme/components/Page.vue'
+import Breadcrumb from '@theme/components/Breadcrumb'
+import Page from '@theme/components/Page'
 
 export default {
   name: 'Layout',
 
   components: {
+    Breadcrumb,
     Page
   },
 
@@ -25,7 +28,7 @@ export default {
 
       if (this.$page.headers && this.$page.headers.length > 0 && this.$page.frontmatter.toc !== false) {
         this.$store.commit('setHasRightDrawer', true)
-        this.$store.commit('setRightDrawer', true)
+        this.$store.commit('setRightDrawer', this.$vuetify.breakpoint.lgAndUp)
         this.$store.commit('setInRightDrawer', 'pageToc')
       }
     }

docs/.vuepress/theme/layouts/SpellLayout.vue

@@ -1,16 +1,19 @@
 <template>
   <div class="spell">
+    <Breadcrumb />
     <Spell />
   </div>
 </template>
 
 <script>
-import Spell from '@theme/components/Spell.vue'
+import Breadcrumb from '@theme/components/Breadcrumb'
+import Spell from '@theme/components/Spell'
 
 export default {
   name: 'SpellLayout',
 
   components: {
+    Breadcrumb,
     Spell
   },
 

docs/.vuepress/theme/layouts/SpellsLayout.vue

@@ -1,7 +1,10 @@
 <template>
   <div class="spells">
 
+    <Breadcrumb />
+
     <v-data-table
+      class="data-table"
       :headers="headers"
       :items="spells"
       item-key="key"
@@ -45,8 +48,11 @@
 
 <script>
 import { mapState } from 'vuex'
+import Breadcrumb from '@theme/components/Breadcrumb'
 
 export default {
+  components: { Breadcrumb },
+
   data () {
     return {
       sortBy: 'title',
@@ -166,17 +172,5 @@ export default {
 </script>
 
 <style lang="scss">
-@import '../styles/colors';
-
-.v-data-table {
-  a {
-    color: $color-dragon;
-    text-decoration: none;
-  }
-
-  .v-data-table__mobile-row {
-    min-height: 32px;
-  }
-}
 
 </style>