andatoshiki/toshiki-home-nuxt3
1
0
Fork 0
mirror of https://github.com/andatoshiki/toshiki-home-nuxt3.git synced 2026-06-06 05:45:56 +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

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

@ -71,7 +71,7 @@ export default Vue.extend({
description, description,
image, image,
keywords: `${tags}, toshiki, andatoshiki, blog, Anda Toshiki, homepage, portfolio, website, personal, personal website, real life, programming, coding`, 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', name: 'twitter:data2',
content: `${this.getReadingTime} minutes` content: `${this.getReadingTime} minutes`
}, },
{
name: 'twitter:image',
content: image
},
// open graph // open graph
{ {
name: 'og:type', name: 'og:type',
content: 'article' content: 'article'
}, },
{
name: 'og:site_name',
content: `toshiki.dev/${this.$route?.path}`
},
{ {
name: 'og:description', name: 'og:description',
content: description content: description

75
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.' const description = 'Real life stories anecdotes & developmental journeys for embarking your inspirations.'
return { return {
bodyAttrs: { title: 'Blog',
class: 'overflow-x-hidden' meta: this.$prepareMeta({
}, title,
title, description
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}`
}
]
)
} }
}, },
computed: { computed: {