feat: SettingsDrawer

src/components/global/settings-drawer.vue

@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import { NDivider, NDrawer, NDrawerContent, NFlex } from 'naive-ui';
+import ThemeSwitch from './theme-switch.vue';
+
+const show = defineModel<boolean>('show');
+</script>
+
+<template>
+  <NDrawer v-model:show="show" :width="330">
+    <NDrawerContent closable title="系统设置" :native-scrollbar="false">
+      <NFlex vertical justify="center">
+        <NDivider>主题</NDivider>
+        <ThemeSwitch />
+      </NFlex>
+    </NDrawerContent>
+  </NDrawer>
+</template>
+
+<style scoped lang="scss"></style>