ss

packages/effects/layouts/src/widgets/preferences/preferences-button.vue

@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import { Settings } from '@vben/icons';
+
+import { VbenIconButton } from '@vben-core/shadcn-ui';
+
+import Preferences from './preferences.vue';
+
+const emit = defineEmits<{ clearPreferencesAndLogout: [] }>();
+
+function clearPreferencesAndLogout() {
+  emit('clearPreferencesAndLogout');
+}
+</script>
+<template>
+  <Preferences @clear-preferences-and-logout="clearPreferencesAndLogout">
+    <VbenIconButton>
+      <Settings class="text-foreground size-4" />
+    </VbenIconButton>
+  </Preferences>
+</template>