Embed widgets

This commit is contained in:
2024-08-17 01:33:16 +08:00
parent 58ad9996cd
commit 21a02689dd
14 changed files with 403 additions and 20 deletions

View File

@ -15,14 +15,14 @@ const { t } = useI18n()
const route = useRoute()
useHead({
title: t("navActivity"),
title: t("navPosts"),
})
useSeoMeta({
title: t("navActivity"),
ogTitle: t("navActivity"),
description: t("navActivityCaption"),
ogDescription: t("navActivityCaption"),
title: t("navPosts"),
ogTitle: t("navPosts"),
description: t("navPostsCaption"),
ogDescription: t("navPostsCaption"),
ogType: "website",
})
</script>

View File

@ -13,14 +13,14 @@
const { t } = useI18n()
useHead({
title: t("navActivity"),
title: t("navPosts"),
})
useSeoMeta({
title: t("navActivity"),
ogTitle: t("navActivity"),
description: t("navActivityCaption"),
ogDescription: t("navActivityCaption"),
title: t("navPosts"),
ogTitle: t("navPosts"),
description: t("navPostsCaption"),
ogDescription: t("navPostsCaption"),
ogType: "website",
})
</script>

View File

@ -0,0 +1,41 @@
<template>
<v-container class="content-container mx-auto">
<div class="my-3 mx-[3.5ch]">
<h1 class="text-2xl">{{ t("navPosts") }}</h1>
<span>{{ t("navPostsCaptionWithRealm", [`#${route.params.id}`]) }}</span>
</div>
<post-list :realm-id="parseInt(route.params.id?.toString())" />
</v-container>
</template>
<script setup lang="ts">
const { t } = useI18n()
const route = useRoute()
if(Number.isNaN(parseInt(route.params.id?.toString()))) {
throw createError({
statusCode: 400,
statusMessage: "Realm ID must be a Number",
})
}
useHead({
title: t("navPosts"),
})
useSeoMeta({
title: t("navPosts"),
ogTitle: t("navPosts"),
description: t("navPostsCaption"),
ogDescription: t("navPostsCaption"),
ogType: "website",
})
</script>
<style scoped>
.content-container {
max-width: 70ch !important;
}
</style>

View File

@ -15,14 +15,14 @@ const { t } = useI18n()
const route = useRoute()
useHead({
title: t("navActivity"),
title: t("navPosts"),
})
useSeoMeta({
title: t("navActivity"),
ogTitle: t("navActivity"),
description: t("navActivityCaption"),
ogDescription: t("navActivityCaption"),
title: t("navPosts"),
ogTitle: t("navPosts"),
description: t("navPostsCaption"),
ogDescription: t("navPostsCaption"),
ogType: "website",
})
</script>