SEO social meta (#35)

* SEO social meta

* Small wording changes

Co-authored-by: Julien Nahum <jhumanj@MacBook-Pro-de-Julien.local>

resources/js/components/App.vue

@@ -94,10 +94,10 @@ export default {
         { vmid: 'description', name: 'description', content: description },
         { vmid: 'og:title', property: 'og:title', content: appName },
         { vmid: 'og:description', property: 'og:description', content: description },
-        { vmid: 'og:image', property: 'og:image', content: '/img/social-preview.png' },
+        { vmid: 'og:image', property: 'og:image', content: this.asset('img/social-preview.jpg') },
         { vmid: 'twitter:title', property: 'twitter:title', content: appName },
         { vmid: 'twitter:description', property: 'twitter:description', content: description },
-        { vmid: 'twitter:image', property: 'twitter:image', content: '/img/social-preview.png' },
+        { vmid: 'twitter:image', property: 'twitter:image', content: this.asset('img/social-preview.jpg') },
         { vmid: 'twitter:card', property: 'twitter:card', content: 'summary_large_image' }
       ]
     }

resources/js/pages/templates/show.vue

@@ -73,11 +73,6 @@ export default {
     next()
   },
 
-  props: {
-    metaTitle: {type: String, default: 'Templates'},
-    metaDescription: {type: String, default: 'Public templates for create form quickly!'}
-  },
-
   data() {
     return {}
   },
@@ -105,7 +100,10 @@ export default {
     },
     form() {
       return new Form(this.template.structure)
-    }
+    },
+    metaTitle () {
+      return this.template ? this.template.name : 'Template'
+    },
   }
 }
 </script>