client/components/examples/activity/NewActivity.vue

@@ -221,7 +221,6 @@ export default class NewActivity extends Vue {
     this.$refs[formName].validate((valid) => {
       if (valid) {
         this.addActivity(this.formData)
-        // this.$store.dispatch('examples/activity/add', this.formData)
         this.$message.success(this.$t('activity.success'))
         if (formName === 'popForm') {
           this.popVisible = false

client/pages/about.vue

@@ -4,3 +4,17 @@
     <p>Hello, I am the about page :)</p>
   </div>
 </template>
+
+<script>
+import Vue from 'vue'
+import Component from 'class-component'
+
+@Component({
+  head () {
+    return {
+      title: 'About'
+    }
+  }
+})
+export default class About extends Vue {}
+</script>

client/pages/examples/activity/create.vue

@@ -19,6 +19,11 @@ import NewActivity from '@/components/examples/activity/NewActivity'
 @Component({
   components: {
     NewActivity
+  },
+  head () {
+    return {
+      title: 'Examples Activity Create'
+    }
   }
 })
 export default class Create extends Vue {

client/pages/examples/activity/index.vue

@@ -8,7 +8,7 @@
       <el-card style="width:90%">
         <div slot="header">
           <span>{{$t('nav.list')}}</span>
-          &nbsp;<small>(<a href="/hpi/examples/activities" target="_blank">/hpi/examples/activities</a>)</small>
+          &nbsp;<small>(<a href="/hpi/examples/activity" target="_blank">/hpi/examples/activity</a>)</small>
         </div>
         <el-table
           ref="tb"
@@ -143,6 +143,11 @@ const ActivityGetter = namespace('examples/activity', Getter)
     filterTag (value, row) {
       return row.type === value
     }
+  },
+  head () {
+    return {
+      title: 'Examples Activity Index'
+    }
   }
 })
 export default class ExamplesActivity extends Vue {

client/pages/examples/charts.vue

@@ -86,6 +86,11 @@ import ReactiveDemo from '@/components/examples/charts/ReactiveDemo'
     ScatterDemo,
     DoughnutDemo,
     ReactiveDemo
+  },
+  head () {
+    return {
+      title: 'Examples Charts'
+    }
   }
 })
 export default class Charts {

client/pages/examples/index.vue

@@ -159,6 +159,11 @@ const ExampleGetter = namespace('examples/index', Getter)
     ...mapActions('examples/index', [
       'checkCity'
     ])
+  },
+  head () {
+    return {
+      title: 'Examples'
+    }
   }
 })
 export default class Demo extends Vue {

client/pages/index.vue

@@ -19,6 +19,11 @@ import ForkThis from '@/components/ForkThis'
 const SessionGetter = namespace('session', Getter)
 
 @Component({
+  head () {
+    return {
+      title: 'Home'
+    }
+  },
   components: {
     ForkThis
   }

client/pages/login.vue

@@ -53,7 +53,13 @@ import Vue from 'vue'
 import debounce from '@/utils/debounce'
 import Component from 'class-component'
 
-@Component
+@Component({
+  head () {
+    return {
+      title: 'Sign In'
+    }
+  }
+})
 export default class Login extends Vue {
   user = {
     userName: '',