refactor: ♻️ 主题色、主题、布局等设置重构

src/components/LangSelect/index.vue

@@ -1,25 +1,7 @@
-<script setup lang="ts">
-import { useI18n } from "vue-i18n";
-import { useAppStore } from "@/store/modules/app";
-
-const appStore = useAppStore();
-const { locale } = useI18n();
-
-function handleLanguageChange(lang: string) {
-  locale.value = lang;
-  appStore.changeLanguage(lang);
-  if (lang === "en") {
-    ElMessage.success("Switch Language Successful!");
-  } else {
-    ElMessage.success("切换语言成功！");
-  }
-}
-</script>
-
 <template>
   <el-dropdown trigger="click" @command="handleLanguageChange">
     <div>
-      <svg-icon icon-class="language" />
+      <svg-icon icon-class="language" :size="size" />
     </div>
     <template #dropdown>
       <el-dropdown-menu>
@@ -36,3 +18,28 @@ function handleLanguageChange(lang: string) {
     </template>
   </el-dropdown>
 </template>
+
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+import { useAppStore } from "@/store/modules/app";
+
+defineProps({
+  size: {
+    type: String,
+    required: false,
+  },
+});
+
+const appStore = useAppStore();
+const { locale } = useI18n();
+
+function handleLanguageChange(lang: string) {
+  locale.value = lang;
+  appStore.changeLanguage(lang);
+  if (lang === "en") {
+    ElMessage.success("Switch Language Successful!");
+  } else {
+    ElMessage.success("切换语言成功！");
+  }
+}
+</script>