From a7f2f1937eff52ef85ecb94979f6067c3254edc5 Mon Sep 17 00:00:00 2001
From: Anda Toshiki <hello@toshiki.dev>
Date: Wed, 11 Sep 2024 22:13:56 +0000
Subject: [PATCH] test(open graph): manually add head tag metadata properties
 of all open graph data for testing featuared/preview images on social media
 link preview specifically for blog post internal pages by modifying
 properties of blog post slugs & add twitter image properties for blog post
 specifically for slug routes

---
 src/pages/blog/_slug.vue | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
index a024249..ce81e52 100755
--- a/src/pages/blog/_slug.vue
+++ b/src/pages/blog/_slug.vue
@@ -69,12 +69,8 @@ export default Vue.extend({
                 {
                     title,
                     description,
-                    image,
                     keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`,
                     url: href,
-                    'og:image': image,
-                    'og:title': title,
-                    'og:description': description
                 },
                 [
                     {
@@ -100,7 +96,31 @@ export default Vue.extend({
                     {
                         name: 'twitter:data2',
                         content: `${this.getReadingTime} minutes`
-                    }
+                    },
+                    {
+                        name: 'twitter:image',
+                        content: image
+                    },
+                    // open graph
+                    {
+                        name: 'og:type',
+                        content: 'website'
+                    },
+                    {
+                        hid: 'og:site_name',
+                        name: 'og:site_name',
+                        content: 'toshiki.dev'
+                    },
+                    {
+                        name: 'og:description',
+                        content: description
+                    },
+                    {
+                        name: 'og:image',
+                        content: image
+                    },
+                    
+                    
                 ]
             )
         }