Clean metaInfo SEO (#40)

* Clean metaInfo SEO

* fix path

Co-authored-by: Julien Nahum <julien@nahum.net>

resources/js/pages/settings/account.vue

@@ -18,15 +18,14 @@
 <script>
 import Form from 'vform'
 import axios from 'axios'
+import SeoMeta from '../../mixins/seo-meta'
 
 export default {
   scrollToTop: false,
-
-  metaInfo () {
-    return { title: 'Account' }
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
+    metaTitle: 'Account',
     form: new Form({
       identifier: ''
     }),

resources/js/pages/settings/admin.vue

@@ -37,17 +37,16 @@
 <script>
 import Form from 'vform'
 import axios from 'axios'
+import SeoMeta from '../../mixins/seo-meta'
 
 export default {
   components: { },
   middleware: 'admin',
   scrollToTop: false,
-
-  metaInfo () {
-    return { title: 'Admin' }
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
+    metaTitle: 'Admin',
     form: new Form({
       identifier: ''
     }),

resources/js/pages/settings/billing.vue

@@ -17,16 +17,15 @@
 <script>
 import axios from 'axios'
 import VButton from '../../components/common/Button'
+import SeoMeta from '../../mixins/seo-meta'
 
 export default {
   components: { VButton },
   scrollToTop: false,
-
-  metaInfo () {
-    return { title: 'Billing' }
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
+    metaTitle: 'Billing',
     billingLoading: false
   }),
 

resources/js/pages/settings/password.vue

@@ -24,15 +24,14 @@
 
 <script>
 import Form from 'vform'
+import SeoMeta from '../../mixins/seo-meta'
 
 export default {
   scrollToTop: false,
-
-  metaInfo () {
-    return { title: this.$t('settings') }
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
+    metaTitle: 'Password',
     form: new Form({
       password: '',
       password_confirmation: ''

resources/js/pages/settings/profile.vue

@@ -21,15 +21,14 @@
 <script>
 import Form from 'vform'
 import { mapGetters } from 'vuex'
+import SeoMeta from '../../mixins/seo-meta'
 
 export default {
   scrollToTop: false,
-
-  metaInfo () {
-    return { title: this.$t('settings') }
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
+    metaTitle: 'Profile',
     form: new Form({
       name: '',
       email: ''

resources/js/pages/settings/workspace.vue

@@ -75,17 +75,15 @@
 <script>
 import Form from 'vform'
 import {mapActions, mapState} from 'vuex'
+import SeoMeta from '../../mixins/seo-meta'
 
 export default {
-
   components: {},
   scrollToTop: false,
-
-  metaInfo() {
-    return {title: 'Workspaces'}
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
+    metaTitle: 'Workspaces',
     form: new Form({
       name: '',
       emoji: ''