page titles

docs/.vuepress/theme/layouts/HomebrewLayout.vue

@@ -1,7 +1,7 @@
 <template>
 <div class="homebrew">
   <div class="text-center" v-if="brew === null">
-    
+
   </div>
 
   <div class="spell" v-else-if="brew.pid && brew.pid == 'spell'">
@@ -157,6 +157,10 @@ export default {
       }
     }
   },
+
+  mounted () {
+    this.$page.title = 'Homebrew'
+  }
 }
 </script>
 

docs/.vuepress/theme/layouts/MyMagicItemsLayout.vue

@@ -140,6 +140,7 @@ export default {
     this.$store.commit('setHasRightDrawer', false)
     this.$store.commit('setRightDrawer', this.$vuetify.breakpoint.lgAndUp)
     this.$store.commit('setInRightDrawer', null)
+    this.$page.title = "Mes objets magiques"
   }
 }
 </script>

docs/.vuepress/theme/layouts/MyMonstersLayout.vue

@@ -140,6 +140,7 @@ export default {
     this.$store.commit('setHasRightDrawer', false)
     this.$store.commit('setRightDrawer', this.$vuetify.breakpoint.lgAndUp)
     this.$store.commit('setInRightDrawer', null)
+    this.$page.title = "Mon bestiaire"
   }
 }
 </script>

docs/.vuepress/theme/layouts/MySpellsLayout.vue

@@ -144,6 +144,7 @@ export default {
     this.$store.commit('setHasRightDrawer', false)
     this.$store.commit('setRightDrawer', this.$vuetify.breakpoint.lgAndUp)
     this.$store.commit('setInRightDrawer', null)
+    this.$page.title = "Mon grimoire"
   }
 }
 </script>

docs/.vuepress/theme/styles/_typography.scss

@@ -86,6 +86,7 @@ $icon-bookmark: "\e900";
 
 .breadcrumb-logo {
   color: $color-gold;
+  font-size: 1.5rem;
 }
 .brand-logo {
   font-size: 2rem;