feat(blog): article structured data (#644)

* feat(blog): article structured data

resolves #643

* fix(blog-post): remove date item spread

* feat(blog-post): add structured data description

Co-authored-by: Damien Robinson <damien.robinson@xcommedia.com.au>

pages/blog/_slug.vue

@@ -56,7 +56,7 @@ export default {
   async asyncData({ $content, route, error }) {
     try {
       const item = await $content('blog', route.params.slug).fetch();
-      return { item, ...item };
+      return { item };
     } catch {
       error({ statusCode: 404 });
     }
@@ -93,8 +93,14 @@ export default {
     formatDate(date) {
       return dayjs(date).format('MMMM D, YYYY');
     },
+    image: require.context(
+      `~/assets/img?resize&size=1200&format=jpg`,
+      true,
+      /\.(png|jpe?g).*$/,
+    ),
   },
   head() {
+    const image = this.image(`${this.item.image || './blog.jpg'}`);
     return {
       title: this.item.title,
       meta: [
@@ -112,6 +118,25 @@ export default {
         },
         { hid: 'og:type', property: 'og:type', content: 'article' },
       ],
+      script: [
+        {
+          json: {
+            '@context': 'https://schema.org',
+            '@type': 'Article',
+            headline: this.item.title,
+            description: this.item.description,
+            image: {
+              '@type': 'ImageObject',
+              url: `${this.$config.BASE_URL}${image.src}`,
+              width: image.width,
+              height: image.height,
+            },
+            datePublished: this.item.date,
+            dateModified: this.item.date,
+          },
+          type: 'application/ld+json',
+        },
+      ],
     };
   },
 };