@@@@@@

library/components/VabFontSize/index.vue

@@ -0,0 +1,29 @@
+<template>
+  <el-dropdown class="vab-language" @command="handleCommand">
+    <vab-icon icon="font-size-2" />
+    <template #dropdown>
+      <el-dropdown-menu>
+        <el-dropdown-item v-for="item in fontSizeList" :key="item" :command="item">{{ item }}</el-dropdown-item>
+      </el-dropdown-menu>
+    </template>
+  </el-dropdown>
+</template>
+
+<script setup>
+import { useSettingsStore } from '/@/store/modules/settings'
+
+defineOptions({
+  name: 'VabFontSize',
+})
+
+const settingsStore = useSettingsStore()
+const { theme } = storeToRefs(settingsStore)
+const { updateTheme, saveTheme } = settingsStore
+const fontSizeList = ref(['13px', '13.5px', '14px', '15px', '15.5px', '16px'])
+
+const handleCommand = (fontSize) => {
+  theme.value.fontSize = fontSize
+  updateTheme()
+  saveTheme()
+}
+</script>