✨ Post tag & category filtered page
This commit is contained in:
34
pages/posts/categories/[...slug].vue
Normal file
34
pages/posts/categories/[...slug].vue
Normal file
@ -0,0 +1,34 @@
|
||||
<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({
|
||||
title: t("navActivity"),
|
||||
})
|
||||
|
||||
useSeoMeta({
|
||||
title: t("navActivity"),
|
||||
ogTitle: t("navActivity"),
|
||||
description: t("navActivityCaption"),
|
||||
ogDescription: t("navActivityCaption"),
|
||||
ogType: "website",
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.content-container {
|
||||
max-width: 70ch !important;
|
||||
}
|
||||
</style>
|
Reference in New Issue
Block a user