Clean metaInfo SEO (#40)

* Clean metaInfo SEO

* fix path

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

resources/js/pages/forms/show/analytics.vue

@@ -9,23 +9,25 @@
 
 <script>
 import FormStats from '../../../components/open/forms/components/FormStats'
+import SeoMeta from '../../../mixins/seo-meta'
 
 export default {
   components: {FormStats},
   props: {
     form: { type: Object, required: true }
   },
-
-  metaInfo() {
-    return {title: (this.form) ? 'Form Analytics - '+this.form.title : 'Form Analytics'}
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
   }),
 
   mounted() {},
 
-  computed: {},
+  computed: {
+    metaTitle() {
+      return (this.form) ? 'Form Analytics - '+this.form.title : 'Form Analytics'
+    },
+  },
 
   methods: {
     

resources/js/pages/forms/show/index.vue

@@ -107,6 +107,7 @@ import {mapGetters, mapState} from 'vuex'
 import ProTag from '../../../components/common/ProTag'
 import VButton from "../../../components/common/Button";
 import ExtraMenu from '../../../components/pages/forms/show/ExtraMenu'
+import SeoMeta from '../../../mixins/seo-meta'
 
 const loadForms = function () {
   store.commit('open/forms/startLoading')
@@ -122,6 +123,7 @@ export default {
     ProTag,
     ExtraMenu
   },
+  mixins: [SeoMeta],
 
   beforeRouteEnter(to, from, next) {
     loadForms()
@@ -136,6 +138,7 @@ export default {
 
   data() {
     return {
+      metaTitle: 'Home',
       tabsList: [
         {
           name: 'Submissions',
@@ -204,11 +207,7 @@ export default {
       this.workingForm = new Form(this.form)
     }
   },
-
-  metaInfo() {
-    return {title: this.$t('home')}
-  },
-
+ 
   methods: {
     openCrisp() {
       window.$crisp.push(['do', 'chat:show'])

resources/js/pages/forms/show/share.vue

@@ -17,6 +17,7 @@ import ShareLink from '../../../components/pages/forms/show/ShareLink'
 import EmbedCode from '../../../components/pages/forms/show/EmbedCode'
 import UrlFormPrefill from '../../../components/pages/forms/show/UrlFormPrefill'
 import RegenerateFormLink from '../../../components/pages/forms/show/RegenerateFormLink'
+import SeoMeta from '../../../mixins/seo-meta'
 
 export default {
   components: {
@@ -28,17 +29,18 @@ export default {
   props: {
     form: { type: Object, required: true }
   },
-
-  metaInfo() {
-    return {title: (this.form) ? 'Form Share - '+this.form.title : 'Form Share'}
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
   }),
 
   mounted() {},
 
-  computed: {},
+  computed: {
+    metaTitle() {
+      return (this.form) ? 'Form Share - '+this.form.title : 'Form Share'
+    },
+  },
 
   methods: {
     

resources/js/pages/forms/show/submissions.vue

@@ -6,23 +6,25 @@
 
 <script>
 import FormSubmissions from '../../../components/open/forms/components/FormSubmissions'
+import SeoMeta from '../../../mixins/seo-meta'
 
 export default {
   components: {FormSubmissions},
   props: {
     form: { type: Object, required: true }
   },
-
-  metaInfo() {
-    return {title: (this.form) ? 'Form Submissions - '+this.form.title : 'Form Submissions'}
-  },
+  mixins: [SeoMeta],
 
   data: () => ({
   }),
 
   mounted() {},
 
-  computed: {},
+  computed: {
+    metaTitle() {
+      return (this.form) ? 'Form Submissions - '+this.form.title : 'Form Submissions'
+    },
+  },
 
   methods: {