From 8e5210c6f98670171ac64510451acb1dad691336 Mon Sep 17 00:00:00 2001
From: Santo Cariotti <santo@dcariotti.me>
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/settings.vue')

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-71-g8e6c

