46 lines
870 B
Vue
46 lines
870 B
Vue
<script lang="ts" setup>
|
|
import { makeFirstCharUpper } from '@/utils/helper'
|
|
|
|
const topics = [
|
|
'javascript',
|
|
'typescript',
|
|
'git',
|
|
'docker',
|
|
'kubernetes',
|
|
'vue',
|
|
'nuxt',
|
|
'pinia',
|
|
'vuex',
|
|
'firebase',
|
|
'supabse',
|
|
'cypress',
|
|
'vercel',
|
|
'namecheap',
|
|
]
|
|
|
|
useHead({
|
|
title: 'Categories',
|
|
meta: [
|
|
{
|
|
name: 'description',
|
|
content:
|
|
'Blow All the topics are listed on which either I have written a blog or will write a blog in near future.',
|
|
},
|
|
],
|
|
titleTemplate: 'Riyad\'s Blog - %s',
|
|
})
|
|
|
|
defineOgImage()
|
|
</script>
|
|
|
|
<template>
|
|
<main class="container max-w-5xl mx-auto text-zinc-600">
|
|
<CategoryHero />
|
|
<div class="flex flex-wrap px-6 mt-12 gap-3">
|
|
<template v-for="topic in topics" :key="topic">
|
|
<CategoryCard :title="makeFirstCharUpper(topic)" />
|
|
</template>
|
|
</div>
|
|
</main>
|
|
</template>
|