fix: 修改语言挂载问题

src/components/AppProvider/AppProvider.vue

@@ -24,4 +24,5 @@ import {
 import { MessageContent } from '@/components/MessageContent'
 import { DialogContent } from '@/components/DialogContent'
 import { LoadingContent } from '@/components/LoadingContent'
+
 </script>

src/components/AppProvider/index.ts

@@ -0,0 +1,3 @@
+import AppProvider from './AppProvider.vue';
+
+export { AppProvider };

src/components/AppleControlBtn/index.vue

@@ -53,23 +53,28 @@ const filterBtnList = computed(() => {
 const isFull = computed(() => {
   return props.narrow && screenfullFn(true)
 })
-const btnList = [
-  {
-    title: '关闭',
-    key: 'close',
-    icon: CloseIcon
-  },
-  {
-    title: '缩小',
-    key: 'remove',
-    icon: RemoveIcon
-  },
-  {
-    title: isFull ? '缩小' : '放大',
-    key: props.narrow ? 'fullResize' : 'resize',
-    icon: ResizeIcon
-  }
-]
+
+const btnList: {
+  title: string,
+  key: "close" | "remove" | "resize" | "fullResize",
+  icon: any
+}[] = [
+    {
+      title: '关闭',
+      key: 'close',
+      icon: CloseIcon
+    },
+    {
+      title: '缩小',
+      key: 'remove',
+      icon: RemoveIcon
+    },
+    {
+      title: isFull ? '缩小' : '放大',
+      key: props.narrow ? 'fullResize' : 'resize',
+      icon: ResizeIcon
+    }
+  ]
 
 const handleClick = (key: 'close' | 'remove' | 'resize' | 'fullResize') => {
   if (key === 'fullResize') screenfullFn()
@@ -80,7 +85,7 @@ const handleClick = (key: 'close' | 'remove' | 'resize' | 'fullResize') => {
 </script>
 
 <style lang="scss" scoped>
-@include go('apple-control-btn') {
+@include go("apple-control-btn") {
   display: flex;
   &:hover {
     .btn {

src/components/Application/index.ts

@@ -1,3 +0,0 @@
-import AppProvider from './Application.vue';
-
-export { AppProvider };

src/components/DialogContent/index.vue

@@ -1,12 +1,6 @@
 <template></template>
-<script lang="ts">
-  import { useDialog } from 'naive-ui';
-
-  export default {
-    name: 'DialogContent',
-    setup() {
-      //挂载在 window 方便与在js中使用
-      window['$dialog'] = useDialog();
-    },
-  };
+<script lang="ts" setup>
+import { useDialog } from 'naive-ui';
+//挂载在 window 方便与在js中使用
+window['$dialog'] = useDialog();
 </script>

src/components/I18n/index.ts

@@ -0,0 +1,3 @@
+import I18n from './index.vue';
+
+export { I18n };

src/components/I18n/index.vue

@@ -0,0 +1,7 @@
+<template></template>
+
+<script lang="ts" setup>
+import { useI18n } from 'vue-i18n'
+const { t } = useI18n()
+window['$t'] = t
+</script>

src/components/LoadingContent/index.vue

@@ -1,12 +1,8 @@
-<script lang="ts">
-import { useLoadingBar } from 'naive-ui'
+<template></template>
 
-export default {
-  name: 'LoadingContent',
-  setup() {
-    // 挂载在 window 方便与在js中使用
-    window['$loading'] = useLoadingBar()
-    window['$loading'].finish()
-  }
-}
+<script lang="ts" setup>
+import { useLoadingBar } from 'naive-ui'
+// 挂载在 window 方便与在js中使用
+window['$loading'] = useLoadingBar()
+window['$loading'].finish()
 </script>

src/components/MessageContent/index.vue

@@ -1,11 +1,7 @@
-<script lang="ts">
-  import { useMessage } from 'naive-ui';
+<template></template>
 
-  export default {
-    name: 'MessageContent',
-    setup() {
-      //挂载在 window 方便与在js中使用
-      window['$message'] = useMessage();
-    },
-  };
+<script lang="ts" setup>
+import { useMessage } from 'naive-ui';
+//挂载在 window 方便与在js中使用
+window['$message'] = useMessage();
 </script>