feat: add announcement component and changelog parser

- Introduced a new Announcement component to display product updates and changelog information.
- Implemented a changelog parser to structure and retrieve unseen updates.
- Enhanced MyHeader.vue to show unseen update count and trigger the announcement modal.

Author: zhou9110

CHANGELOG.zh-CN.md

@@ -0,0 +1,20 @@
+# 更新日志
+
+本文档记录项目的所有重要变更。
+
+## [2.3.1] - 2025-10-27
+
+### 新增功能
+
+- 九宫格拼音键盘，支持T9智能候选词建议
+- 语音识别模型自动下载脚本
+- T9键盘布局用户自定义选择
+
+### 改进优化
+
+- 支持根据窗口大小自动切换T9键盘布局
+- 优化T9侧边栏界面体验
+
+### 其他
+
+- 添加其他优秀输入法的友情推荐

public/announcement.zh-CN.md

@@ -0,0 +1,23 @@
+# 更新日志
+
+本文档记录项目的所有重要变更。
+
+## [2.3.1] - 2025-10-27
+
+### 九键输入、语音输入功能正式上线
+
+为VR设备优化的九宫格拼音输入，让单手输入更加便捷。
+
+#### 新增功能
+
+- 新增类似手机端的九宫格键盘(参考自语燕输入法)，支持简单的候选词建议
+- 语音识别模型在首次下载后，会缓存到本地，后续无需重新下载
+- 新增意见反馈栏，如果有新功能建议或者遇到问题，欢迎用它提交反馈
+
+#### 改进优化
+
+- 支持根据窗口大小自动切换T9键盘布局，并且用户可以在设置里选择使用哪个T9键盘布局
+
+#### 其他
+
+- 在友情推荐里更新其他优秀输入法

src/App.vue

@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ref, provide } from 'vue'
 import {
   NConfigProvider,
   NDialogProvider,
@@ -11,13 +12,20 @@ import { homepage } from '../package.json'
 import MyHeader from './components/MyHeader.vue'
 import MyLayout from './components/MyLayout.vue'
 import MyPwa from './components/MyPwa.vue'
+import Announcement from './components/Announcement.vue'
 import { currentTheme } from './util'
+
+const announcementRef = ref<InstanceType<typeof Announcement>>()
+
+// Provide the announcement ref to child components
+provide('announcementRef', announcementRef)
 </script>
 
 <template>
   <n-config-provider :theme="currentTheme === 'dark' ? darkTheme : null" :locale="zhCN">
     <n-message-provider>
       <MyPwa />
+      <Announcement ref="announcementRef" />
       <my-layout>
         <template #header>
           <my-header icon="./icon.svg" :homepage="homepage" />

src/changelog-parser.ts

@@ -0,0 +1,152 @@
+// Parse CHANGELOG.zh-CN.md structure
+// Format:
+// ## [version] - date
+// ### Update Title
+// Description
+// #### Section Name
+// - item
+// - item
+
+export interface ChangelogItem {
+  text: string
+}
+
+export interface ChangelogSection {
+  name: string // e.g., "新增功能", "改进优化"
+  items: ChangelogItem[]
+}
+
+export interface ProductUpdate {
+  version: string
+  date: string
+  releasedAt: number // Unix timestamp
+  title: string // e.g., "九键输入法、语音输入法正式上线"
+  description: string
+  sections: ChangelogSection[]
+}
+
+export function parseChangelog(markdown: string): ProductUpdate[] {
+  const lines = markdown.split('\n')
+  const updates: ProductUpdate[] = []
+  let currentUpdate: Partial<ProductUpdate> | null = null
+  let currentSection: Partial<ChangelogSection> | null = null
+  let expectingTitle = false
+  let expectingDescription = false
+
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i].trim()
+
+    // Skip empty lines and main title
+    if (!line || line.startsWith('# 更新日志') || line.startsWith('本文档记录')) {
+      continue
+    }
+
+    // Match version line: ## [2.3.1] - 2025-10-27
+    const versionMatch = line.match(/^##\s+\[([^\]]+)\]\s+-\s+(.+)/)
+    if (versionMatch) {
+      // Save previous update if exists
+      if (currentUpdate && currentUpdate.version) {
+        if (currentSection && currentSection.name) {
+          if (!currentUpdate.sections) currentUpdate.sections = []
+          currentUpdate.sections.push(currentSection as ChangelogSection)
+        }
+        updates.push(currentUpdate as ProductUpdate)
+      }
+
+      // Start new update
+      const [, version, dateStr] = versionMatch
+      currentUpdate = {
+        version,
+        date: dateStr,
+        releasedAt: Date.parse(dateStr),
+        title: '',
+        description: '',
+        sections: []
+      }
+      currentSection = null
+      expectingTitle = true
+      expectingDescription = false
+      continue
+    }
+
+    // Match title: ### Update Title
+    const titleMatch = line.match(/^###\s+(.+)/)
+    if (titleMatch && expectingTitle) {
+      currentUpdate!.title = titleMatch[1]
+      expectingTitle = false
+      expectingDescription = true
+      continue
+    }
+
+    // Match section: #### 新增功能
+    const sectionMatch = line.match(/^####\s+(.+)/)
+    if (sectionMatch) {
+      // Save previous section
+      if (currentSection && currentSection.name) {
+        currentUpdate!.sections!.push(currentSection as ChangelogSection)
+      }
+
+      // Start new section
+      currentSection = {
+        name: sectionMatch[1],
+        items: []
+      }
+      expectingDescription = false
+      continue
+    }
+
+    // Match item: - 九宫格拼音键盘
+    const itemMatch = line.match(/^-\s+(.+)/)
+    if (itemMatch && currentSection) {
+      currentSection.items!.push({ text: itemMatch[1] })
+      continue
+    }
+
+    // Description line (plain text after title)
+    if (expectingDescription && line && !line.startsWith('#')) {
+      currentUpdate!.description = line
+      expectingDescription = false
+      continue
+    }
+  }
+
+  // Save last update
+  if (currentUpdate && currentUpdate.version) {
+    if (currentSection && currentSection.name) {
+      currentUpdate.sections!.push(currentSection as ChangelogSection)
+    }
+    updates.push(currentUpdate as ProductUpdate)
+  }
+
+  return updates
+}
+
+// Storage key for last viewed timestamp
+export const LAST_VIEWED_KEY = 'vrime_changelog_last_viewed'
+
+// Get last viewed timestamp from localStorage
+export function getLastViewedTimestamp(): number {
+  const stored = localStorage.getItem(LAST_VIEWED_KEY)
+  return stored ? parseInt(stored, 10) : 0
+}
+
+// Update last viewed timestamp
+export function markChangelogAsViewed(): void {
+  localStorage.setItem(LAST_VIEWED_KEY, Date.now().toString())
+}
+
+// Get updates released after a certain timestamp
+export function getUnseenUpdates(updates: ProductUpdate[]): ProductUpdate[] {
+  const lastViewed = getLastViewedTimestamp()
+  return updates.filter(update => update.releasedAt > lastViewed)
+}
+
+// Get count of unseen updates
+export function getUnseenCount(updates: ProductUpdate[]): number {
+  return getUnseenUpdates(updates).length
+}
+
+// Check if update is new (released after last viewed)
+export function isNewUpdate(update: ProductUpdate): boolean {
+  return update.releasedAt > getLastViewedTimestamp()
+}