initial commit

src/App.vue

@@ -0,0 +1,50 @@
+<script lang="ts">
+const GlobalFeedback = defineComponent({
+  setup() {
+    window.$dialog = useDialog()
+    window.$loadingBar = useLoadingBar()
+    window.$message = useMessage()
+    window.$notification = useNotification()
+    return () => null
+  },
+})
+</script>
+
+<script setup lang="ts">
+import {
+  dateZhCN,
+  NConfigProvider,
+  NDialogProvider,
+  NLoadingBarProvider,
+  NMessageProvider,
+  NNotificationProvider,
+  useDialog,
+  useLoadingBar,
+  useMessage,
+  useNotification,
+  zhCN,
+} from 'naive-ui'
+import { defineComponent } from 'vue'
+import { useThemeStore } from '@/stores/theme'
+import { storeToRefs } from 'pinia'
+
+const themeStore = useThemeStore()
+const { themeMode } = storeToRefs(themeStore)
+</script>
+
+<template>
+  <NConfigProvider :date-locale="dateZhCN" :locale="zhCN" :theme="themeMode">
+    <NDialogProvider>
+      <NLoadingBarProvider>
+        <NMessageProvider>
+          <NNotificationProvider>
+            <GlobalFeedback />
+            <RouterView />
+          </NNotificationProvider>
+        </NMessageProvider>
+      </NLoadingBarProvider>
+    </NDialogProvider>
+  </NConfigProvider>
+</template>
+
+<style scoped></style>