Better SEO form previews (#61)

app/Service/SeoMetaResolver.php

@@ -160,9 +160,16 @@ class SeoMetaResolver
     {
         $form = Form::whereSlug($this->patternData['slug'])->firstOrFail();
 
-        return [
+        $meta = [
             'title' => $form->title . $this->titleSuffix(),
         ];
+        if($form->description){
+            $meta['description'] = Str::of($form->description)->limit(160);
+        }
+        if($form->cover_picture){
+            $meta['image'] = $form->cover_picture;
+        }
+        return $meta;
     }
 
     private function getTemplateShowMeta(): array

resources/js/pages/forms/show-public.vue

@@ -46,6 +46,7 @@ import { mapState } from 'vuex'
 import OpenCompleteForm from '../../components/open/forms/OpenCompleteForm'
 import Cookies from 'js-cookie'
 import sha256 from 'js-sha256'
+import SeoMeta from '../../mixins/seo-meta'
 
 const isFrame = window.location !== window.parent.location || window.frameElement
 
@@ -106,6 +107,7 @@ function loadForm (slug) {
 
 export default {
   components: { OpenCompleteForm },
+  mixins: [SeoMeta],
 
   beforeRouteEnter (to, from, next) {
     if (window.$crisp) {
@@ -172,6 +174,12 @@ export default {
     metaTitle () {
       return this.form ? this.form.title : 'Create beautiful forms'
     },
+    metaDescription () {
+      return (this.form && this.form.description) ? this.form.description.substring(0,160) : null
+    },
+    metaImage () {
+      return (this.form && this.form.cover_picture) ? this.form.cover_picture : null
+    },
     metaTags () {
       return (this.form && this.form.can_be_indexed) ? [] : [{ name: 'robots', content: 'noindex' }]
     }