Capital/pages/posts/categories/[...slug].vue

35 lines
699 B
Vue
Raw Normal View History

<template>
<v-container class="content-container mx-auto">
<div class="my-3 mx-[3.5ch]">
<h1 class="text-2xl">{{ t("navPosts") }}</h1>
<span>{{ t("navPostsCaptionWithCategory", [`#${route.params.slug}`]) }}</span>
</div>
<post-list :category="route.params.slug?.toString()" />
</v-container>
</template>
<script setup lang="ts">
const { t } = useI18n()
const route = useRoute()
useHead({
2024-08-16 17:33:16 +00:00
title: t("navPosts"),
})
useSeoMeta({
2024-08-16 17:33:16 +00:00
title: t("navPosts"),
ogTitle: t("navPosts"),
description: t("navPostsCaption"),
ogDescription: t("navPostsCaption"),
ogType: "website",
})
</script>
<style scoped>
.content-container {
max-width: 70ch !important;
}
</style>