38 lines
1.4 KiB
Vue
38 lines
1.4 KiB
Vue
<template>
|
|
<UButton variant="outline" size="sm" color="info" @click="themeStorage.setTheme()">
|
|
<span class="hidden sm:inline">
|
|
<UIcon class="size-5" :name="themeStorage.themeIcon" />
|
|
</span>
|
|
</UButton>
|
|
<!-- <UButton variant="solid" size="sm" color="info" @click="themeStorage.setTheme()">
|
|
<span class="hidden sm:inline">
|
|
<UIcon class="size-5" :name="themeStorage.themeIcon" />
|
|
</span>
|
|
</UButton>
|
|
<UButton variant="soft" size="sm" color="info" @click="themeStorage.setTheme()">
|
|
<span class="hidden sm:inline">
|
|
<UIcon class="size-5" :name="themeStorage.themeIcon" />
|
|
</span>
|
|
</UButton>
|
|
<UButton variant="subtle" size="sm" color="info" @click="themeStorage.setTheme()">
|
|
<span class="hidden sm:inline">
|
|
<UIcon class="size-5" :name="themeStorage.themeIcon" />
|
|
</span>
|
|
</UButton>
|
|
<UButton variant="ghost" size="sm" color="info" @click="themeStorage.setTheme()">
|
|
<span class="hidden sm:inline">
|
|
<UIcon class="size-5" :name="themeStorage.themeIcon" />
|
|
</span>
|
|
</UButton>
|
|
<UButton variant="link" size="sm" color="info" @click="themeStorage.setTheme()">
|
|
<span class="hidden sm:inline">
|
|
<UIcon class="size-5" :name="themeStorage.themeIcon" />
|
|
</span>
|
|
</UButton> -->
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { useThemeStore } from '@/stores/admin/theme'
|
|
const themeStorage = useThemeStore()
|
|
</script>
|