28 lines
720 B
Vue
28 lines
720 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',
|
|
})
|
|
|
|
// a. Use the Composition API
|
|
defineOgImage({
|
|
title: 'Riyad\'s Blog',
|
|
description: 'Welcome To My Blog Site. Get Web Development, Javascript, Typescript, NodeJs, Vue, and Nuxt, Related Articles, Tips, Learning resources and more',
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<main class="container max-w-5xl mx-auto text-zinc-600">
|
|
<MainHero />
|
|
<MainRecent />
|
|
<MainTrending />
|
|
</main>
|
|
</template>
|