Fix some bugs

frontend/components/LoginForm.vue

@@ -52,13 +52,9 @@ export default {
     }),
     methods: {
         userLogin() {
-            try {
-                this.$auth.loginWith('local', {
-                    data: this.form,
-                })
-            } catch (err) {
-                console.log(err)
-            }
+            this.$auth.loginWith('local', {
+                data: this.form,
+            })
         },
     },
 }

frontend/components/Navbar.vue

@@ -2,6 +2,13 @@
     <v-app-bar fixed app color="primary" dark>
         <v-btn to="/" text rounded>Simple Notes</v-btn>
         <v-spacer />
+        <client-only>
+            <v-btn aria-label="theme switcher" icon @click="toggleTheme">
+                <v-icon
+                    >{{ $vuetify.theme.dark ? mdiBrightness2 : mdiBrightness5 }}
+                </v-icon>
+            </v-btn>
+        </client-only>
         <v-menu bottom left>
             <template v-slot:activator="{ on }">
                 <v-btn aria-label="menu" icon v-on="on">
@@ -10,36 +17,47 @@
             </template>
 
             <v-list>
-                <v-list-item v-if="isAuthenticated" to="/notes">
-                    My notes
-                </v-list-item>
-                <v-list-item v-if="isAuthenticated" @click="logout">
-                    Logout
-                </v-list-item>
-                <v-list-item v-else>
-                    <v-btn to="/account" text rounded>Account</v-btn>
-                </v-list-item>
+                <client-only>
+                    <v-list-item v-if="isAuthenticated" to="/notes">
+                        My notes
+                    </v-list-item>
+                    <v-list-item v-if="isAuthenticated" @click="logout">
+                        Logout
+                    </v-list-item>
+                    <v-list-item v-else>
+                        <v-btn to="/account" text rounded>Account</v-btn>
+                    </v-list-item>
+                </client-only>
             </v-list>
         </v-menu>
     </v-app-bar>
 </template>
 
 <script>
-import { mdiDotsVertical } from '@mdi/js'
+import { mdiDotsVertical, mdiBrightness5, mdiBrightness2 } from '@mdi/js'
 import { mapGetters } from 'vuex'
 
 export default {
     name: 'Navbar',
+    data: () => ({
+        mdiDotsVertical,
+        mdiBrightness5,
+        mdiBrightness2,
+    }),
     computed: {
         ...mapGetters(['isAuthenticated', 'loggedInUser']),
     },
-    data: () => ({
-        mdiDotsVertical,
-    }),
     methods: {
         async logout() {
             await this.$auth.logout()
         },
+        toggleTheme() {
+            this.$vuetify.theme.dark = !this.$vuetify.theme.dark
+            localStorage.setItem(
+                'theme',
+                this.$vuetify.theme.dark ? 'dark' : 'light'
+            )
+        },
     },
 }
 </script>