feat(projects): 新增主题配置

src/components/common/NaiveApp/NaiveContent.vue

@@ -0,0 +1,17 @@
+<template>
+  <div></div>
+</template>
+
+<script lang="ts" setup>
+import { useLoadingBar, useDialog, useMessage, useNotification } from 'naive-ui';
+
+function registerNaiveTool() {
+  window.$loadingBar = useLoadingBar();
+  window.$dialog = useDialog();
+  window.$message = useMessage();
+  window.$notification = useNotification();
+}
+
+registerNaiveTool();
+</script>
+<style scoped></style>

src/components/common/NaiveApp/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <n-loading-bar-provider>
+    <n-dialog-provider>
+      <n-notification-provider>
+        <n-message-provider>
+          <slot></slot>
+          <naive-content />
+        </n-message-provider>
+      </n-notification-provider>
+    </n-dialog-provider>
+  </n-loading-bar-provider>
+</template>
+
+<script lang="ts" setup>
+import { NLoadingBarProvider, NDialogProvider, NNotificationProvider, NMessageProvider } from 'naive-ui';
+import NaiveContent from './NaiveContent.vue';
+</script>
+<style scoped></style>

src/components/common/index.ts

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