From 5a05c3a621b2cd4a54380c42671960b878d9c533 Mon Sep 17 00:00:00 2001
From: sight <1453017105@qq.com>
Date: Sun, 15 May 2022 17:03:00 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B(i18n):=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E6=8C=89=E9=9C=80=E5=8A=A0=E8=BD=BD=E4=B8=8B=20i18n=20?=
 =?UTF-8?q?=E7=9A=84=E6=B3=A8=E5=86=8C=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package/component/src/component/input/index.vue |  2 +-
 package/component/src/component/page/index.vue  |  2 +-
 package/component/src/index.ts                  |  2 ++
 package/component/src/language/index.ts         | 17 ++++++++++++++++-
 package/component/src/provider/index.vue        |  2 +-
 package/component/src/utils/withInstall.ts      |  8 ++------
 .../src/document/zh-CN/guide/getStarted.md      |  2 +-
 7 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/package/component/src/component/input/index.vue b/package/component/src/component/input/index.vue
index 2c5f888c..f0d83f00 100644
--- a/package/component/src/component/input/index.vue
+++ b/package/component/src/component/input/index.vue
@@ -8,7 +8,7 @@ export default {
 import "./index.less";
 import { LayIcon } from "@layui/icons-vue";
 import { useSlots } from "vue";
-import { useI18n } from "vue-i18n";
+import { useI18n }  from "../../language";
 
 const { t } = useI18n();
 const slots = useSlots();
diff --git a/package/component/src/component/page/index.vue b/package/component/src/component/page/index.vue
index 06a06d60..20c6b052 100644
--- a/package/component/src/component/page/index.vue
+++ b/package/component/src/component/page/index.vue
@@ -7,7 +7,7 @@ export default {
 <script setup lang="ts">
 import "./index.less";
 import { Ref, ref, watch, useSlots, computed } from "vue";
-import { useI18n } from "vue-i18n";
+import { useI18n }  from "../../language";
 
 export interface LayPageProps {
   total: number;
diff --git a/package/component/src/index.ts b/package/component/src/index.ts
index 0d53f808..2a84c60f 100644
--- a/package/component/src/index.ts
+++ b/package/component/src/index.ts
@@ -5,6 +5,7 @@ import "@layui/layer-vue/lib/index.css";
 import "@layui/icons-vue/lib/index.css";
 import { layer } from "@layui/layer-vue";
 import layerInstall from "@layui/layer-vue";
+import i18n from "./language";
 
 import LayBacktop from "./component/backTop/index";
 import LayAvatar from "./component/avatar/index";
@@ -169,6 +170,7 @@ const install = (app: App, options?: InstallOptions): void => {
   for (const key of Object.keys(components)) {
     app.use(components[key], options);
   }
+  app.use(i18n);
   app.use(layerInstall);
 };
 
diff --git a/package/component/src/language/index.ts b/package/component/src/language/index.ts
index 0bc0da13..6033cf9a 100644
--- a/package/component/src/language/index.ts
+++ b/package/component/src/language/index.ts
@@ -1,4 +1,5 @@
-import { createI18n } from "vue-i18n";
+import { getCurrentInstance } from "vue";
+import { createI18n, useI18n as __useI18n__ } from "vue-i18n";
 import zh_CN from "./locales/zh_CN";
 import en_US from "./locales/en_US";
 
@@ -11,4 +12,18 @@ const i18n = createI18n({
   },
 });
 
+export function useI18n() {
+  let i18nInstance;
+  const app = getCurrentInstance()?.appContext.app;
+
+  try {
+    i18nInstance = __useI18n__();
+  } catch (e) {
+    app?.use(i18n);
+    i18nInstance = __useI18n__();
+  }
+
+  return i18nInstance;
+}
+
 export default i18n;
diff --git a/package/component/src/provider/index.vue b/package/component/src/provider/index.vue
index 2a68965e..9918b08b 100644
--- a/package/component/src/provider/index.vue
+++ b/package/component/src/provider/index.vue
@@ -6,7 +6,7 @@ export default {
 
 <script setup lang="ts">
 import { watch } from "vue";
-import { useI18n } from "vue-i18n";
+import { useI18n }  from "../language";
 import {
   Theme,
   DynamicThemeFix,
diff --git a/package/component/src/utils/withInstall.ts b/package/component/src/utils/withInstall.ts
index 4885895b..8c6ba981 100644
--- a/package/component/src/utils/withInstall.ts
+++ b/package/component/src/utils/withInstall.ts
@@ -1,15 +1,11 @@
-import type { App, Plugin } from "vue";
-import i18n from "../language";
+import { App, Plugin } from "vue";
 
 export type WithInstallType<T> = T & Plugin;
 
 export const withInstall = <T>(comp: T): T & Plugin => {
   const component = comp as any;
 
-  component.install = (app: App | any) => {
-    if (!app.__VUE_I18N_SYMBOL__) {
-      app.use(i18n);
-    }
+  component.install = (app: App) => {
     app.component(component.name, comp);
   };
 
diff --git a/package/document/src/document/zh-CN/guide/getStarted.md b/package/document/src/document/zh-CN/guide/getStarted.md
index f145666d..79bba139 100644
--- a/package/document/src/document/zh-CN/guide/getStarted.md
+++ b/package/document/src/document/zh-CN/guide/getStarted.md
@@ -75,7 +75,7 @@ export default {
 }
 ```
 
-::: describe LayuiVueResolver 选项类型声明
+::: describe LayuiVueResolver 类型声明
 :::
 
 ```ts