andatoshiki/toshiki-home-nuxt3
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-home-nuxt3.git synced 2026-06-06 00:46:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

test(og): revert blog src components back to original version but add open graph releated properties to vue slug and read for test build on vercel

Browse Source
This commit is contained in:
Anda Toshiki 2024-09-11 21:38:57 -07:00 committed by GitHub
parent 8a297d3020
commit 6e48187c57
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 9 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/pages/blog/_slug.vue
View File

@ -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,20 +97,12 @@ 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
@ -308,4 +300,4 @@ export default Vue.extend({
}
}
}
</style>
</style>

77
src/pages/blog/index.vue
View File

@ -27,76 +27,11 @@ export default Vue.extend({
const description = 'Real life stories anecdotes & developmental journeys for embarking your inspirations.'
return {
bodyAttrs: {
class: 'overflow-x-hidden'
},
title,
link: [
{
rel: 'canonical',
href
}
],
meta: this.$prepareMeta(
{
title,
description,
image,
keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`,
url: href,
},
[
{
name: 'twitter:card',
content: 'summary_large_image'
},
{
name: 'article:published-time',
content: post?.createdAt || null
},
{
name: 'twitter:label1',
content: 'History'
},
{
name: 'twitter:data1',
content: post?.createdAt
},
{
name: 'twitter:label2',
content: 'Reading Time'
},
{
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's Homepage`
},
{
name: 'og:description',
content: description
},
{
name: 'og:image',
content: image
},
{
name: 'og:url',
content: `toshiki.dev/${this.$route?.path}`
}
]
)
title: 'Blog',
meta: this.$prepareMeta({
title,
description
})
}
},
computed: {
@ -168,4 +103,4 @@ export default Vue.extend({
</div>
</section>
</div>
</template>
</template>