Move dark mode toggle to account page

src/components/Account.vue

@@ -77,6 +77,12 @@
       </v-form>
     </v-dialog>
 
+    <v-switch
+      v-model="$vuetify.theme.dark"
+      label="Dark Mode"
+      @change="toggleDarkMode"
+    />
+
     <v-snackbar
       v-model="snackbar"
       timeout="3000"

src/components/AppBar.vue

@@ -61,14 +61,6 @@
               Logout
             </v-list-item-title>
           </v-list-item>
-          <v-list-item>
-            <v-switch
-              v-model="$vuetify.theme.dark"
-              label="Dark Mode"
-              :disabled="!loggedIn"
-              @change="toggleDarkMode"
-            />
-          </v-list-item>
         </v-list-item-group>
       </v-list>
       <template v-slot:append>

src/components/account.js

@@ -40,6 +40,11 @@ export default {
       if (this.$refs.changePasswordForm) {
         this.$refs.changePasswordForm.reset()
       }
+    },
+    toggleDarkMode () {
+      this.$http.patch('/users/dark-mode', {
+        darkMode: this.$vuetify.theme.dark
+      })
     }
   }
 }

src/components/appbar.js

@@ -38,11 +38,6 @@ export default {
         .catch(() => {
           this.isAdmin = false
         })
-    },
-    toggleDarkMode () {
-      this.$http.patch('/users/dark-mode', {
-        darkMode: this.$vuetify.theme.dark
-      })
     }
   }
 }