feat(blog): add blog for en and ja

Author: boxsnake

src/en/blog/[id].md

@@ -0,0 +1,50 @@
+---
+docInfo: false
+layout: doc
+outline: false
+aside: false
+docHeader: false
+---
+
+<ForumBlogPostHeader
+  :title="params.title"
+  :date="params.updatedAt"
+  :author="params.author"
+  :description="params.description"
+/>
+
+<!-- @content -->
+
+<ForumTopicFooter prev-page-link="./" :text="message.forum.topic.backToTeamBlog" />
+
+<div class="my-2 vp-divider" />
+
+<ForumCommentArea
+  class="mt-8"
+  repo="Blog"
+  v-if="params.commentCount !== -1"
+  :topic-id="params.id"
+  :topic-author-id="params.author.id"
+/>
+
+<script setup lang="ts">
+import { defineClientComponent } from 'vitepress'
+import ForumTopicFooter from '~/components/forum/topic/ForumTopicFooter.vue'
+import ForumBlogPostHeader from '~/components/forum/blog/ForumBlogPostHeader.vue'
+
+const ForumCommentArea = defineClientComponent(() => {
+  return import('~/components/forum/ForumCommentArea.vue')
+})
+
+import { useLocalized } from '@/hooks/useLocalized'
+
+const { message } = useLocalized()
+
+import { useData } from 'vitepress'
+
+const { params } = useData()
+
+if(!import.meta.env.SSR) {
+  document.title = document.title.replace('VitePress', params.value.title)
+}
+</script>

src/en/blog/[id].paths.ts

@@ -0,0 +1,28 @@
+import Blog from '../../_data/posts.json'
+
+import type ForumAPI from '../../../.vitepress/theme/apis/forum/api'
+
+export default {
+  async paths() {
+    return Blog.map((entry) => {
+      return {
+        params: {
+          id: entry.id,
+          state: entry.state as ForumAPI.TopicState,
+          title: entry.title,
+          tags: entry.tags,
+          createdAt: entry.createdAt,
+          updatedAt: entry.updatedAt,
+          author: entry.user,
+          link: entry.link,
+          commentCount: entry.tags
+            .map((val) => String(val))
+            .includes('NO-COMMENT')
+            ? -1
+            : entry.commentCount,
+        } satisfies ForumAPI.PostParams,
+        content: entry.contentRaw,
+      }
+    })
+  },
+}

src/en/blog/index.md

@@ -0,0 +1,13 @@
+---
+title: 团队博客
+subtext: 了解更多关于地图相关更新资讯和教程
+layout: Headline
+aside: false
+wip: true
+---
+
+<script setup lang="ts">
+import ForumBlogPage from '~/components/forum/blog/ForumBlogPage.vue'
+</script>
+
+<ForumBlogPage />

src/ja/blog/[id].md

@@ -0,0 +1,50 @@
+---
+docInfo: false
+layout: doc
+outline: false
+aside: false
+docHeader: false
+---
+
+<ForumBlogPostHeader
+  :title="params.title"
+  :date="params.updatedAt"
+  :author="params.author"
+  :description="params.description"
+/>
+
+<!-- @content -->
+
+<ForumTopicFooter prev-page-link="./" :text="message.forum.topic.backToTeamBlog" />
+
+<div class="my-2 vp-divider" />
+
+<ForumCommentArea
+  class="mt-8"
+  repo="Blog"
+  v-if="params.commentCount !== -1"
+  :topic-id="params.id"
+  :topic-author-id="params.author.id"
+/>
+
+<script setup lang="ts">
+import { defineClientComponent } from 'vitepress'
+import ForumTopicFooter from '~/components/forum/topic/ForumTopicFooter.vue'
+import ForumBlogPostHeader from '~/components/forum/blog/ForumBlogPostHeader.vue'
+
+const ForumCommentArea = defineClientComponent(() => {
+  return import('~/components/forum/ForumCommentArea.vue')
+})
+
+import { useLocalized } from '@/hooks/useLocalized'
+
+const { message } = useLocalized()
+
+import { useData } from 'vitepress'
+
+const { params } = useData()
+
+if(!import.meta.env.SSR) {
+  document.title = document.title.replace('VitePress', params.value.title)
+}
+</script>

src/ja/blog/[id].paths.ts

@@ -0,0 +1,28 @@
+import Blog from '../../_data/posts.json'
+
+import type ForumAPI from '../../../.vitepress/theme/apis/forum/api'
+
+export default {
+  async paths() {
+    return Blog.map((entry) => {
+      return {
+        params: {
+          id: entry.id,
+          state: entry.state as ForumAPI.TopicState,
+          title: entry.title,
+          tags: entry.tags,
+          createdAt: entry.createdAt,
+          updatedAt: entry.updatedAt,
+          author: entry.user,
+          link: entry.link,
+          commentCount: entry.tags
+            .map((val) => String(val))
+            .includes('NO-COMMENT')
+            ? -1
+            : entry.commentCount,
+        } satisfies ForumAPI.PostParams,
+        content: entry.contentRaw,
+      }
+    })
+  },
+}

src/ja/blog/index.md

@@ -0,0 +1,13 @@
+---
+title: 团队博客
+subtext: 了解更多关于地图相关更新资讯和教程
+layout: Headline
+aside: false
+wip: true
+---
+
+<script setup lang="ts">
+import ForumBlogPage from '~/components/forum/blog/ForumBlogPage.vue'
+</script>
+
+<ForumBlogPage />