切换为vue3的前端版本

ruoyi-ui/src/App.vue

@@ -1,28 +1,15 @@
-<template>
-  <div id="app">
-    <router-view />
-    <theme-picker />
-  </div>
-</template>
-
-<script>
-import ThemePicker from "@/components/ThemePicker";
-
-export default {
-  name: "App",
-  components: { ThemePicker },
-  metaInfo() {
-    return {
-      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
-      titleTemplate: title => {
-        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
-      }
-    }
-  }
-};
-</script>
-<style scoped>
-#app .theme-picker {
-  display: none;
-}
-</style>
+<template>
+  <router-view />
+</template>
+
+<script setup>
+import useSettingsStore from '@/store/modules/settings'
+import { handleThemeStyle } from '@/utils/theme'
+
+onMounted(() => {
+  nextTick(() => {
+    // ³õʼ»¯Ö÷ÌâÑùʽ
+    handleThemeStyle(useSettingsStore().theme)
+  })
+})
+</script>