feat: 完成主题切换，语言切换的本地存储

src/components/LangSelect/index.ts

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

src/components/LangSelect/index.vue

@@ -0,0 +1,28 @@
+<template>
+  <n-dropdown
+    trigger="hover"
+    @select="handleSelect"
+    :show-arrow="true"
+    :options="options"
+  >
+    <n-button quaternary>
+      <n-icon size="20" :depth="1">
+        <LanguageIcon />
+      </n-icon>
+    </n-button>
+  </n-dropdown>
+</template>
+
+<script lang="ts" setup>
+import { useLangStore } from '@/store/modules/langStore/langStore'
+import { Language as LanguageIcon } from '@vicons/ionicons5'
+import { langList } from '@/settings/designSetting'
+import { LangEnum } from '@/enums/styleEnum'
+
+const langStore = useLangStore()
+const options = langList
+
+const handleSelect = (key: LangEnum) => {
+  langStore.changeLang(key)
+}
+</script>

src/components/ThemeSelect/index.vue

@@ -1,12 +1,10 @@
 <template>
-  <div>
-    <n-button quaternary @click="changeTheme">
-      <n-icon size="20" :depth="1">
-        <MoonIcon v-if="designStore.darkTheme" />
-        <SunnyIcon v-else />
-      </n-icon>
-    </n-button>
-  </div>
+  <n-button quaternary @click="changeTheme">
+    <n-icon size="20" :depth="1">
+      <MoonIcon v-if="designStore.darkTheme" />
+      <SunnyIcon v-else />
+    </n-icon>
+  </n-button>
 </template>
 
 <script lang="ts" setup>