From 4dd414e4bfbd47c3b6aeb9c4f87abdedd4ddc07a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B8=A5=E6=B5=A9?= <me@yanhao.ren>
Date: Wed, 6 Nov 2024 19:01:12 +0800
Subject: [PATCH] =?UTF-8?q?feat(i18n):=20=E6=B7=BB=E5=8A=A0=E5=9B=BD?=
 =?UTF-8?q?=E9=99=85=E5=8C=96=E6=B6=88=E6=81=AF=E6=94=AF=E6=8C=81=EF=BC=8C?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E9=A6=96=E9=A1=B5=E7=BB=84=E4=BB=B6=E4=BB=A5?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=87=8D=E8=A6=81=E6=B6=88=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/index-page.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/index-page.vue b/src/pages/index-page.vue
index ba89484..21b8b77 100644
--- a/src/pages/index-page.vue
+++ b/src/pages/index-page.vue
@@ -17,7 +17,16 @@ definePage({
 import type { FunctionalComponent } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-const { locale } = useI18n();
+const { locale, t } = useI18n({
+  messages: {
+    en: {
+      message: 'This is an important message!',
+    },
+    zh: {
+      message: '这是一条重要消息！',
+    },
+  },
+});
 
 // https://cn.vuejs.org/guide/extras/render-function#typing-functional-components
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -47,6 +56,7 @@ const FComponent: FunctionalComponent<{ prop: string }> = (props, context) => (
     </select>
     <h1>{{ $t('welcome') }}</h1>
     <p>{{ $t('hello', { name: 'John' }) }}</p>
+    <p class="message">{{ t('message') }}</p>
   </div>
 
   <FComponent prop="Hello World" style="margin-top: 8px"></FComponent>