30 lines
711 B
Vue
30 lines
711 B
Vue
<script lang="ts" setup>
|
|
useHead({
|
|
title: 'Home',
|
|
meta: [
|
|
{
|
|
name: 'description',
|
|
content:
|
|
'Welcome To My Blog Site. Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles, Tips, Learning resources and more.',
|
|
},
|
|
],
|
|
titleTemplate: 'Riyad\'s Blog - %s',
|
|
})
|
|
|
|
// Generate OG Image
|
|
defineOgImageComponent('About', {
|
|
headline: 'Greetings 👋',
|
|
title: 'Riyad\'s Blog',
|
|
description: 'Dive into web development with me and learn Js, Ts, Vue, Nuxt, Docker, k8s',
|
|
link: '/riyad.jpg',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<main class="container max-w-5xl mx-auto text-zinc-600">
|
|
<MainHero />
|
|
<MainRecent />
|
|
<MainTrending />
|
|
</main>
|
|
</template>
|