SEO meta nuxt migration (#274)

* SEO meta nuxt migration

* Polish seo metas, add defaults for OG and twitter

---------

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

client/pages/forms/[slug]/show/share.vue

@@ -26,7 +26,6 @@ import EmbedCode from '../../../../components/pages/forms/show/EmbedCode.vue'
 import FormQrCode from '../../../../components/pages/forms/show/FormQrCode.vue'
 import UrlFormPrefill from '../../../../components/pages/forms/show/UrlFormPrefill.vue'
 import RegenerateFormLink from '../../../../components/pages/forms/show/RegenerateFormLink.vue'
-import SeoMeta from '../../../../mixins/seo-meta.js'
 import AdvancedFormUrlSettings from '../../../../components/open/forms/components/AdvancedFormUrlSettings.vue'
 import EmbedFormAsPopupModal from '../../../../components/pages/forms/show/EmbedFormAsPopupModal.vue'
 
@@ -45,6 +44,12 @@ export default {
     form: {type: Object, required: true},
   },
 
+  setup (props) {
+    useOpnSeoMeta({
+      title: (props.form) ? 'Share Form - '+props.form.title : 'Share Form'
+    })
+  },
+
   data: () => ({
     shareFormConfig: {
       hide_title: false,
@@ -53,9 +58,6 @@ export default {
   }),
 
   computed: {
-    metaTitle() {
-      return (this.form) ? 'Form Share - '+this.form.title : 'Form Share'
-    },
     shareUrlForQueryParams () {
       let queryStr = ''
       for (const [key, value] of Object.entries(this.shareFormConfig)) {

client/pages/forms/[slug]/show/stats.vue

@@ -9,7 +9,6 @@
 
 <script>
 import FormStats from '../../../../components/open/forms/components/FormStats.vue'
-import SeoMeta from '../../../../mixins/seo-meta.js'
 
 export default {
   components: {FormStats},
@@ -18,10 +17,13 @@ export default {
     form: {type: Object, required: true},
   },
 
+  setup (props) {
+    useOpnSeoMeta({
+      title: (props.form) ? 'Form Analytics - '+props.form.title : 'Form Analytics'
+    })
+  },
+
   computed: {
-    metaTitle() {
-      return (this.form ? ('Form Analytics - ' + this.form.title) : 'Form Analytics')
-    }
   }
 }
 </script>

client/pages/forms/[slug]/show/submissions.vue

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