refactor out ThemeController
This commit is contained in:
parent
928f5fcdfa
commit
139c36a850
2 changed files with 23 additions and 17 deletions
16
apps/rank/components/ThemeController.vue
Normal file
16
apps/rank/components/ThemeController.vue
Normal file
|
@ -0,0 +1,16 @@
|
|||
<script setup>
|
||||
const colorMode = useColorMode()
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<p class="p-4 pb-2">
|
||||
<select
|
||||
v-model="colorMode.preference"
|
||||
class="h-8 w-24 border dark:border-gray-700 dark:bg-gray-900 dark:text-white"
|
||||
>
|
||||
<option value="system">System</option>
|
||||
<option value="light">Light</option>
|
||||
<option value="dark">Dark</option>
|
||||
</select>
|
||||
</p>
|
||||
</template>
|
Loading…
Add table
Add a link
Reference in a new issue