chore: add different page titles in doc

Author: albanm

doc/nuxt.config.js

@@ -37,11 +37,11 @@ module.exports = {
     base: process.env.BASE || '/'
   },
   head: {
-    title: 'vuetify-jsonschema-form - documentation',
+    title: 'vjsf - Documentation',
     meta: [
       { charset: 'utf-8' },
       { name: 'viewport', content: 'width=device-width, initial-scale=1' },
-      { hid: 'description', name: 'description', content: `vuetify-jsonschema-form - documentation` },
+      { hid: 'description', name: 'description', content: `vjsf - Documentation` },
       { hid: 'robots', name: 'robots', content: 'noindex' }
     ]
   }

doc/pages/0to1.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <h1 class="display-1 mb-4">
-      0.x to 1.x
+      {{ title }}
     </h1>
     <p>
       The old demo page for v0 is still available <a href="https://koumoul-dev.github.io/vuetify-jsonschema-form/0.x/">here</a>.
@@ -45,7 +45,16 @@
 </template>
 
 <script>
-export default {}
+export default {
+  data: () => ({
+    title: '0.x to 1.x'
+  }),
+  head() {
+    return {
+      title: 'vjsf - ' + this.title
+    }
+  }
+}
 </script>
 
 <style lang="css" scoped>

doc/pages/about.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <h1 class="display-1 mb-4">
-      About
+      {{ title }}
     </h1>
 
     <p>
@@ -48,7 +48,16 @@
 </template>
 
 <script>
-export default {}
+export default {
+  data: () => ({
+    title: 'About'
+  }),
+  head() {
+    return {
+      title: 'vjsf - ' + this.title
+    }
+  }
+}
 </script>
 
 <style lang="css" scoped>

doc/pages/configuration.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <h1 class="display-1 mb-4">
-      Configuration
+      {{ title }}
     </h1>
 
     <h2 class="headline my-4">
@@ -192,6 +192,7 @@ import { defaultOptions, formats, localizedMessages, iconSets } from '../../lib/
 export default {
   data() {
     return {
+      title: 'Configuration',
       defaultOptions,
       formats,
       localizedMessages,
@@ -234,6 +235,11 @@ export default {
       iconSets,
       iconSet: 'mdi'
     }
+  },
+  head() {
+    return {
+      title: 'vjsf - ' + this.title
+    }
   }
 }
 </script>

doc/pages/examples/index.vue

@@ -17,6 +17,11 @@ export default {
       location.hash = this.$route.hash
       scrollToHash(this.$route.hash, false)
     }
+  },
+  head() {
+    return {
+      title: 'vjsf - Examples'
+    }
   }
 }
 </script>

doc/pages/getting-started.vue

@@ -1,7 +1,7 @@
 <template>
   <v-container>
     <h1 class="display-1 mb-4">
-      Getting started
+      {{ title }}
     </h1>
 
     <h2 class="headline my-4">
@@ -147,7 +147,16 @@ export default {
 </template>
 
 <script>
-export default {}
+export default {
+  data: () => ({
+    title: 'Getting started'
+  }),
+  head() {
+    return {
+      title: 'vjsf - ' + this.title
+    }
+  }
+}
 </script>
 
 <style lang="css" scoped>