From af6bf329cef35f271e4ef5f459660eaeb2763d38 Mon Sep 17 00:00:00 2001
From: andatoshiki <hello@toshiki.dev>
Date: Fri, 13 Sep 2024 02:53:27 -0700
Subject: [PATCH] fix(open graph related): update all in slug open graph header
 section metag tag component via removing prior manual addition of open graph
 tag contents properties & updated default root directory for loading open
 graph images of blog posts for social media featuered/preview card image
 component shring to `og-images` in root of build dist directory instead of
 loading remotely from homepage domain address

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

diff --git a/src/pages/blog/_slug.vue b/src/pages/blog/_slug.vue
index 3aebebd..b0a4f8e 100755
--- a/src/pages/blog/_slug.vue
+++ b/src/pages/blog/_slug.vue
@@ -52,7 +52,7 @@ export default Vue.extend({
 
         const tags = getTags?.join(', ') || title
         const href = `https://toshiki.dev${this.$route?.path}`
-        const image = `https://toshiki.dev/og-images/${post.slug}.png`
+        const image = `/og-images/${post.slug}.png`
 
         return {
             bodyAttrs: {
@@ -71,7 +71,7 @@ export default Vue.extend({
                     description,
                     image,
                     keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`,
-                    url: href,
+                    url: href
                 },
                 [
                     {
@@ -97,31 +97,6 @@ export default Vue.extend({
                     {
                         name: 'twitter:data2',
                         content: `${this.getReadingTime} minutes`
-                    },
-                    {
-                        name: 'twitter:image',
-                        content: image
-                    },
-                    // open graph
-                    {
-                        name: 'og:type',
-                        content: 'article'
-                    },
-                    {
-                        name: 'og:site_name',
-                        content: `toshiki.dev/${this.$route?.path}`
-                    },
-                    {
-                        name: 'og:description',
-                        content: description
-                    },
-                    {
-                        name: 'og:image',
-                        content: image
-                    },
-                    {
-                        name: 'og:url',
-                        content: href
                     }
                 ]
             )
@@ -234,7 +209,6 @@ export default Vue.extend({
 
             <!-- <Waline /> -->
 
-
             <div class="mt-16 space-y-10">
                 <div v-if="getRelatedPosts.length > 0" class="space-y-2">
                     <h3 class="text-sm dark:text-white/30 text-black/50">Similar Posts</h3>