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

Compare commits

base: andatoshiki:8a297d302055ff468d13f43fde8760c57e6ec735
Branches Tags
andatoshiki:master
...
compare: andatoshiki:445b4aaa146055c006a01f9f1bed2f0a2c31da50
Branches Tags
andatoshiki:master

2 Commits
8a297d3020 ... 445b4aaa14

Author SHA1 Message Date
Anda Toshiki
445b4aaa14
fix(syntax): add missing trailing comma after twitter metadata haeder tag of tsx avoiding nuxt3 throwing error during build 2024-09-11 21:43:06 -07:00
Anda Toshiki
6e48187c57
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 2024-09-11 21:38:57 -07:00
2 changed files with 8 additions and 81 deletions
Show Stats Expand all files Collapse all files

12
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
},
[
{
@ -98,19 +98,11 @@ 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>