feat(blog): 优化团队博客列表支持多语言博客

Author: boxsnake

src/components/forum/blog/ForumBlogPage.vue

@@ -1,20 +1,37 @@
 <script setup lang="ts">
+import { computed } from 'vue'
 import posts from '~/_data/posts.json'
-import { useData } from 'vitepress'
 import { useLocalized } from '@/hooks/useLocalized'
 import ForumDate from '../ForumDate.vue'
 import { VPLink } from 'vitepress/theme'
 import { extractPlainText } from '../utils'
+import { getForumLocaleLabelGetter } from '~/composables/getForumLocaleGetter'
+import { useData } from 'vitepress'
+
+const localeLabelGetter = getForumLocaleLabelGetter()
 
 const { message } = useLocalized()
+const { lang } = useData()
+
+const filteredPosts = computed(() =>
+  posts.filter(
+    (post) =>
+      post.tags &&
+      post.tags.some(
+        (label) =>
+          label ===
+          localeLabelGetter.getLabel(lang.value.substring(0, 2).toUpperCase()),
+      ),
+  ),
+)
 </script>
 
 <template>
   <div class="divide-y">
     <ul class="c-[var(--vp-c-text-1)]">
       <li
         class="py-12 border-b border-b-[var(--vp-c-divider)]"
-        v-for="{ title, createdAt, contentRaw, id } of posts"
+        v-for="{ title, createdAt, contentRaw, id } of filteredPosts"
       >
         <article
           class="space-y-2 xl:grid xl:grid-cols-4 xl:space-y-0 xl:items-baseline"

src/components/forum/topic/ForumTopicFooter.vue

@@ -10,7 +10,6 @@
 
 <script setup lang="ts">
 import ForumShareThis from '../ForumShareThis.vue'
-import { useData } from 'vitepress'
 
 defineProps<{
   prevPageLink: string

src/en/blog/index.md

@@ -6,8 +6,4 @@ aside: false
 wip: true
 ---
 
-<script setup lang="ts">
-import ForumBlogPage from '~/components/forum/blog/ForumBlogPage.vue'
-</script>
-
-<ForumBlogPage />
+<!--@include: @/zh/blog/index.md-->

src/ja/blog/index.md

@@ -6,8 +6,4 @@ aside: false
 wip: true
 ---
 
-<script setup lang="ts">
-import ForumBlogPage from '~/components/forum/blog/ForumBlogPage.vue'
-</script>
-
-<ForumBlogPage />
+<!--@include: @/zh/blog/index.md-->