From 7e2cda48867889f59f5adac4cf03785d75cc1fb4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8F=B2=E9=B8=BD?= <1020103647@qq.com>
Date: Mon, 29 Jan 2024 18:53:57 +0800
Subject: [PATCH] refactor: i18n

---
 src/pages/index/index.vue |  8 +++++---
 src/utils/http.ts         |  6 ------
 src/utils/index.ts        | 13 +++++++++++++
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/pages/index/index.vue b/src/pages/index/index.vue
index 9b5859e..431ac1b 100644
--- a/src/pages/index/index.vue
+++ b/src/pages/index/index.vue
@@ -12,10 +12,10 @@
     class="bg-white h-full overflow-hidden pt-2 px-4"
     :style="{ marginTop: safeAreaInsets?.top + 'px' }"
   >
+    <view>{{ $t('app.name') }}</view>
     <view class="mt-12">
       <image src="/static/logo.svg" alt="" class="w-40 h-40 block mx-auto" />
     </view>
-    <view>{{ $t('app.name') }}</view>
     <view class="text-center text-4xl main-title-color mt-8">unibest</view>
     <view class="text-center text-2xl mt-2 mb-8">最好用的 uniapp 开发模板</view>
     <view class="text-justify max-w-100 m-auto">
@@ -38,9 +38,11 @@
 </template>
 
 <script lang="ts" setup>
-// 获取屏幕边界到安全区域距离
-import '@/utils/http'
+import { testI18n } from '@/utils/index'
 
+testI18n()
+
+// 获取屏幕边界到安全区域距离
 const { safeAreaInsets } = uni.getSystemInfoSync()
 
 const author = ref('菲鸽')
diff --git a/src/utils/http.ts b/src/utils/http.ts
index db33435..aa105e3 100644
--- a/src/utils/http.ts
+++ b/src/utils/http.ts
@@ -1,7 +1,6 @@
 /* eslint-disable no-param-reassign */
 import { useUserStore } from '@/store'
 import { UserInfo } from '@/typings'
-import { translate as t } from '@/locales/index'
 
 type Data<T> = {
   code: number
@@ -9,11 +8,6 @@ type Data<T> = {
   result: T
 }
 
-uni.showModal({
-  title: '菲鸽',
-  content: t('app.name'),
-})
-
 // 请求基地址
 const baseURL = import.meta.env.VITE_SERVER_BASEURL
 // console.log(import.meta.env)
diff --git a/src/utils/index.ts b/src/utils/index.ts
index e69de29..27ead93 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -0,0 +1,13 @@
+import { translate as t } from '@/locales/index'
+
+/**
+ * test i18n in not .vue file
+ */
+export const testI18n = () => {
+  console.log(t('app.name'))
+  // 下面同样生效
+  // uni.showModal({
+  //   title: 'i18n 测试',
+  //   content: t('app.name'),
+  // })
+}