diff options
-rw-r--r-- | pages/settings.vue | 7 |
1 files changed, 4 insertions, 3 deletions
diff --git a/pages/settings.vue b/pages/settings.vue index 8da18ab..ea1f853 100644 --- a/pages/settings.vue +++ b/pages/settings.vue @@ -61,10 +61,11 @@ .mt-1 select( class="cursor-pointer rounded-md border border-gray-300 bg-white py-2 px-3 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2" + v-model="$colorMode.preference" ) - option(@click="$colorMode.preference = 'system'" :selected="$colorMode.preference == 'system'") System - option(@click="$colorMode.preference = 'light'" :selected="$colorMode.preference == 'light'") Light - option(@click="$colorMode.preference = 'dark'" :selected="$colorMode.preference == 'dark'") Dark + option(value="system" :selected="$colorMode.preference == 'system'") System + option(value="light" :selected="$colorMode.preference == 'light'") Light + option(value="dark" :selected="$colorMode.preference == 'dark'") Dark .py-3.px-4.text-right(class="sm:px-6") |