初始化

src/App.vue

@@ -0,0 +1,46 @@
+<script setup lang="ts">
+import { computed } from 'vue';
+import type { WatermarkProps } from 'element-plus';
+import { useAppStore } from './store/modules/app';
+import { useThemeStore } from './store/modules/theme';
+import { useAuthStore } from './store/modules/auth';
+import { UILocales } from './locales/ui';
+
+defineOptions({ name: 'App' });
+
+const appStore = useAppStore();
+const themeStore = useThemeStore();
+const authStore = useAuthStore();
+const locale = computed(() => {
+  return UILocales[appStore.locale];
+});
+
+const watermarkProps = computed<WatermarkProps>(() => {
+  const content =
+    themeStore.watermark.enableUserName && authStore.userInfo.userName
+      ? authStore.userInfo.userName
+      : themeStore.watermark.text;
+
+  return {
+    content: themeStore.watermark.visible ? content : '',
+    cross: true,
+    fontSize: 16,
+    lineHeight: 16,
+    gap: [100, 120],
+    rotate: -15,
+    zIndex: 9999
+  };
+});
+</script>
+
+<template>
+  <ElConfigProvider :locale="locale">
+    <AppProvider>
+      <ElWatermark class="h-full" v-bind="watermarkProps">
+        <RouterView class="bg-layout" />
+      </ElWatermark>
+    </AppProvider>
+  </ElConfigProvider>
+</template>
+
+<style scoped></style>