fix: 修复SelectLang.vue的循环依赖问题 (#148)

packages/fes-plugin-locale/src/runtime/core.tpl

@@ -8,14 +8,11 @@
 import { isRef, unref } from 'vue';
 import { createI18n, useI18n } from '{{{ VUE_I18N_PATH }}}';
 import { plugin, ApplyPluginsType } from "@@/core/coreExports";
-import SelectLang from "./views/SelectLang.vue";
+
 {{#REPLACE_LOCALES}}
 import {{importName}} from "{{{path}}}";
 {{/REPLACE_LOCALES}}
 
-// 共享出去
-plugin.share("locale", {useI18n, SelectLang });
-
 const locales = [
 {{#REPLACE_LOCALES}}
 {

packages/fes-plugin-locale/src/runtime/runtime.js

@@ -1,4 +1,10 @@
-import { install } from './core';
+import { plugin } from '@@/core/coreExports';
+// eslint-disable-next-line import/extensions
+import { useI18n, install } from './core';
+import SelectLang from './views/SelectLang.vue';
+
+// 共享出去
+plugin.share('locale', { useI18n, SelectLang });
 
 export function onAppCreated({ app }) {
     install(app);

packages/fes-template-vite/src/locales/en-US.js

@@ -1,8 +1,7 @@
-
 export default {
     home: 'home',
     store: 'store',
     editor: 'editor',
     externalLink: 'externalLink',
-    mock: 'mock'
+    mock: 'mock',
 };

packages/fes-template-vite/src/pages/index.vue

@@ -1,12 +1,13 @@
 <template>
     <div class="page">
-        home
+        {{ t('home') }}
         <fes-icon type="smile" />
         <FButton class="m-2">Button</FButton>
     </div>
 </template>
 
 <script>
+import { useI18n } from '@fesjs/fes';
 import { FButton } from '@fesjs/fes-design';
 
 export default {
@@ -14,9 +15,11 @@ export default {
         FButton,
     },
     setup() {
+        const { t } = useI18n();
         const a = 'aa'.replaceAll('a', 1);
         return {
             a,
+            t,
         };
     },
 };