RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update author information and improve SEO descriptions across various components

Browse Source
This commit is contained in:
nurRiyad
2025-03-13 04:49:19 +06:00
parent f4f6a8475d
commit 820a38007a
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
data/index.ts
View File

@@ -5,7 +5,7 @@ export const navbarData = {
export const footerData = { export const footerData = {
author: 'Al Asad Nur Riyad', author: 'Al Asad Nur Riyad',
aboutAuthor: aboutAuthor:
'Hi! I am Riyad, a Tech enthusiast, problem solver and software engineer. Currently working at Appscode Inc.', 'Hi! I am Riyad, a Tech enthusiast, problem solver and software engineer. Currently working at FieldNation LLC.',
authorInterest: authorInterest:
"I have a fair amount of knowledge of Javascript, Typescript, VueJs, and Nuxt. If you have an interesting idea, either open source or paid let's connect.", "I have a fair amount of knowledge of Javascript, Typescript, VueJs, and Nuxt. If you have an interesting idea, either open source or paid let's connect.",
aboutTheSite: aboutTheSite:
@@ -33,13 +33,13 @@ export const aboutPage = {
title: 'Al Asad Nur Riyad', title: 'Al Asad Nur Riyad',
description: 'Software Engineer, Problem Solver, Web Enthusiast.', description: 'Software Engineer, Problem Solver, Web Enthusiast.',
aboutMe: aboutMe:
"Hello, fellow human! I'm a software wizard who spends most of his day crafting code spells at @AppsCode in the Bytebuilders team. When I'm not crafting code, you can find me summoning solutions to problems on online judges. Just don't ask me to cast any love spells, my magic only works on machines!", "Hello, fellow human! I'm a software wizard who spends most of his day crafting code spells at @FieldNation in the Workplace Operation team. When I'm not crafting code, you can find me summoning solutions to problems on online judges. Just don't ask me to cast any love spells, my magic only works on machines!",
} }
export const seoData = { export const seoData = {
title: `Riyad's Blog | Riyads Blog`, title: `Riyad's Blog | Riyads Blog`,
ogTitle: `Let's learn Javascript, Typescript, Vue, Nuxt, & Problem Solving - Riyads Blog | Riyad's Blog`, ogTitle: `Let's learn Javascript, Typescript, Vue, Nuxt, & Problem Solving - Riyads Blog | Riyad's Blog`,
description: `Hi I am Riyad. A Software Engineer at AppsCode, with over 2.5+ years experience in software development. - Riyads Blog | Riyad's Blog`, description: `Hi I am Riyad. A Software Engineer at FieldNation, with over 3.5+ years experience in software development. - Riyads Blog | Riyad's Blog`,
twitterDescription: `Riyad's Blog, where I play around with Nuxt, Vue, and more and showcase my blog, resources, etc - Riyads Blog | Riyad's Blog`, twitterDescription: `Riyad's Blog, where I play around with Nuxt, Vue, and more and showcase my blog, resources, etc - Riyads Blog | Riyad's Blog`,
image: image:
'https://res.cloudinary.com/dmecmyphj/image/upload/v1673548905/nuxt-blog/cover_ntgs6u.webp', 'https://res.cloudinary.com/dmecmyphj/image/upload/v1673548905/nuxt-blog/cover_ntgs6u.webp',

10
pages/blogs/[blog].vue
View File

@@ -17,7 +17,7 @@ const data = computed<BlogPost>(() => {
description: articles.value?.description || 'no-description available', description: articles.value?.description || 'no-description available',
image: meta?.image || '/not-found.jpg', image: meta?.image || '/not-found.jpg',
alt: meta?.alt || 'no alter data available', alt: meta?.alt || 'no alter data available',
ogImage: meta?.ogImage || '/not-found.jpg', ogImage: (articles?.value?.ogImage as unknown as string) || '/not-found.jpg',
date: meta?.date || 'not-date-available', date: meta?.date || 'not-date-available',
tags: meta?.tags || [], tags: meta?.tags || [],
published: meta?.published || false, published: meta?.published || false,
@@ -79,11 +79,13 @@ useHead({
], ],
}) })
console.log(articles.value)
// Generate OG Image // Generate OG Image
defineOgImageComponent('Test', { defineOgImageComponent('Test', {
headline: 'Greetings 👋', headline: 'Riyads Blog 👋',
title: data.value.title || '', title: articles.value?.seo.title || '',
description: data.value.description || '', description: articles.value?.seo.description || '',
link: data.value.ogImage, link: data.value.ogImage,
}) })
</script> </script>