From 919d1726c5f745ae7b49781020610022d324e76d Mon Sep 17 00:00:00 2001
From: Gabriel Pastori <58153955+gabrielpastori1@users.noreply.github.com>
Date: Fri, 24 Nov 2023 01:09:21 -0300
Subject: [PATCH] Fix toggleTheme method to update theme and store it in local
 storage

---
 src/layouts/default/AppBar.vue | 10 ++++------
 src/plugins/vuetify.js         |  3 +++
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/layouts/default/AppBar.vue b/src/layouts/default/AppBar.vue
index 97ac6de..d855b7d 100644
--- a/src/layouts/default/AppBar.vue
+++ b/src/layouts/default/AppBar.vue
@@ -24,9 +24,7 @@
       <v-icon>mdi-cog</v-icon>
     </v-btn>
     <v-btn @click="toggleTheme" icon>
-      <v-icon>mdi-{{
-        dark ? "white-balance-sunny" : "weather-night"
-      }}</v-icon>
+      <v-icon>mdi-{{ dark ? "white-balance-sunny" : "weather-night" }}</v-icon>
     </v-btn>
   </v-app-bar>
   <SettingsModal ref="settings" />
@@ -48,9 +46,9 @@ export default {
   },
   methods: {
     toggleTheme() {
-      this.theme.global.name = this.theme.global.current.dark
-        ? "light"
-        : "dark";
+      const theme = this.theme.global.current.dark ? "light" : "dark";
+      this.theme.global.name = theme;
+      localStorage.setItem("theme", theme);
     },
     openSettings() {
       this.$refs.settings.open();
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index 4fcd6a9..cca6b91 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -11,9 +11,12 @@ import 'vuetify/styles'
 // Composables
 import { createVuetify } from 'vuetify'
 
+const defaultTheme = localStorage.getItem('theme') || 'light'
+
 // https://vuetifyjs.com/en/introduction/why-vuetify/#feature-guides
 export default createVuetify({
   theme: {
+    defaultTheme,
     themes: {
       light: {
         colors: {