Files
Cloud-Blog/app/components/category/topic.vue
Nicolhetti 5163e756f0 Update nuxt to version 4 (#92)
* Nuxt 3.17.4 and other dependencies updated

* Temporary fix (maybe) of the Inline Code

* Update nuxt to version 4
2025-09-22 18:53:50 +06:00

26 lines
667 B
Vue

<script setup lang="ts">
import { makeFirstCharUpper } from '@/utils/helper'
const route = useRoute()
// take category from route params & make first char upper
const category = computed(() => {
const name = route.params.category || ''
let strName = ''
if (Array.isArray(name)) strName = name.at(0) || ''
else strName = name
return makeFirstCharUpper(strName)
})
</script>
<template>
<div class="container mx-auto">
<div class="p-6 my-4 mx-2 rounded-md bg-gray-200 dark:bg-slate-900">
<h1 class="text-black dark:text-white font-semibold leading-tight text-xl md:text-2xl">
#{{ category }}
</h1>
</div>
</div>
</template>