From 8e5210c6f98670171ac64510451acb1dad691336 Mon Sep 17 00:00:00 2001 From: Santo Cariotti Date: Tue, 27 Sep 2022 21:49:06 +0200 Subject: Use `v-model` to change colormode --- pages/settings.vue | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) (limited to 'pages') 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") -- cgit v1.2.3-18-g5258