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

Compare commits

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

No commits in common. "445b4aaa146055c006a01f9f1bed2f0a2c31da50" and "8a297d302055ff468d13f43fde8760c57e6ec735" have entirely different histories.
445b4aaa14 ... 8a297d3020

2 changed files with 81 additions and 8 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,11 +98,19 @@ 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

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

@ -27,11 +27,76 @@ 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 {
title: 'Blog', bodyAttrs: {
meta: this.$prepareMeta({ class: 'overflow-x-hidden'
},
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: {