refactor: 规范化调整.vue文件结构及命名

src/components/AppProvider/DialogContent.vue

@@ -1,3 +1,5 @@
+<template></template>
+
 <script setup>
 import { isNullOrUndef } from '@/utils/is'
 import { useDialog } from 'naive-ui'
@@ -48,5 +50,3 @@ Object.defineProperty(window, '$dialog', {
   writable: false,
 })
 </script>
-
-<template></template>

src/components/AppProvider/LoadingBar.vue

@@ -1,3 +1,5 @@
+<template></template>
+
 <script setup>
 import { useLoadingBar } from 'naive-ui'
 window['$loadingBar'] = useLoadingBar()
@@ -6,5 +8,3 @@ Object.defineProperty(window, '$loadingBar', {
   writable: false,
 })
 </script>
-
-<template></template>

src/components/AppProvider/MessageContent.vue

@@ -1,3 +1,5 @@
+<template></template>
+
 <script setup>
 import { useMessage } from 'naive-ui'
 
@@ -68,5 +70,3 @@ Object.defineProperty(window, '$message', {
   writable: false,
 })
 </script>
-
-<template></template>

src/components/AppProvider/index.vue

@@ -1,3 +1,18 @@
+<template>
+  <n-config-provider :theme-overrides="appStore.themeOverrides">
+    <n-loading-bar-provider>
+      <LoadingBar />
+      <n-dialog-provider>
+        <DialogContent />
+        <n-message-provider>
+          <MessageContent />
+          <slot></slot>
+        </n-message-provider>
+      </n-dialog-provider>
+    </n-loading-bar-provider>
+  </n-config-provider>
+</template>
+
 <script setup>
 import MessageContent from './MessageContent.vue'
 import DialogContent from './DialogContent.vue'
@@ -6,18 +21,3 @@ import LoadingBar from './LoadingBar.vue'
 import { useAppStore } from '@/store/modules/app'
 const appStore = useAppStore()
 </script>
-
-<template>
-  <n-config-provider :theme-overrides="appStore.themeOverrides">
-    <n-loading-bar-provider>
-      <loading-bar />
-      <n-dialog-provider>
-        <dialog-content />
-        <n-message-provider>
-          <message-content />
-          <slot></slot>
-        </n-message-provider>
-      </n-dialog-provider>
-    </n-loading-bar-provider>
-  </n-config-provider>
-</template>