back to flyonui

src/components/ui/dropdown/theme.vue

@@ -0,0 +1,22 @@
+<template>
+  <UiDropdown :items="availableThemes" @select="(theme) => $emit('select', theme)" class="btn btn-primary btn-outline">
+    <template #activator>
+      <Icon :name="currentTheme.icon" />
+    </template>
+
+    <template #item="{ item }">
+      <div class="flex gap-2 justify-center">
+        <Icon :name="item.icon" class="my-auto" />
+        <p>
+          {{ item.name }}
+        </p>
+      </div>
+    </template>
+  </UiDropdown>
+</template>
+
+<script setup lang="ts">
+const { availableThemes, currentTheme } = storeToRefs(useUiStore())
+
+defineEmits<{ select: [ITheme] }>()
+</script>