Save dark theme prefs

server/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ifms-pti-svr",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ifms-pti-svr",
-      "version": "3.3.7",
+      "version": "3.3.8",
       "license": "ISC",
       "dependencies": {
         "@prisma/client": "^4.2.1",

server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ifms-pti-svr",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "description": "Servidor do Portal de TI do IFMS",
   "main": "src/index.js",
   "prisma": {

web/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "ifms-pti",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ifms-pti",
-      "version": "3.3.7",
+      "version": "3.3.8",
       "dependencies": {
         "@mdi/font": "^6.6.96",
         "apollo-link-ws": "^1.0.20",

web/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ifms-pti",
-  "version": "3.3.7",
+  "version": "3.3.8",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

web/src/App.vue

@@ -65,6 +65,10 @@ export default {
     }
   },
   mounted() {
+    if (localStorage.getItem('dark') == 'true') {
+      this.$vuetify.theme.dark = true
+    }
+
     if (
       window.matchMedia &&
       window.matchMedia('(prefers-color-scheme: dark)').matches

web/src/components/ThemeToggleBtn.vue

@@ -1,5 +1,5 @@
 <template>
-  <v-btn text @click="$vuetify.theme.dark = !$vuetify.theme.dark">
+  <v-btn text @click="toggleTheme">
     <v-icon :color="$vuetify.theme.dark ? 'blue darken-1' : 'yellow darken-4'">
       mdi-theme-light-dark
     </v-icon>
@@ -7,6 +7,12 @@
 </template>
 <script>
 export default {
-  name: 'ThemeTogglerBtn'
+  name: 'ThemeTogglerBtn',
+  methods: {
+    toggleTheme() {
+      this.$vuetify.theme.dark = !this.$vuetify.theme.dark
+      localStorage.setItem('dark', this.$vuetify.theme.dark)
+    }
+  }
 }
 </script>