Add prettier + eslint & reformat/fix files

frontend/layouts/centered.vue

@@ -4,7 +4,7 @@
             <v-container class="fill-height" fluid>
                 <v-row align="center" justify="center">
                     <v-col cols="12" lg="6" md="8">
-                        <nuxt/>
+                        <nuxt />
                     </v-col>
                 </v-row>
             </v-container>
@@ -13,7 +13,7 @@
 </template>
 
 <script>
-    export default {
-        name: "centered"
-    }
+export default {
+    name: 'Centered',
+}
 </script>

frontend/layouts/default.vue

@@ -1,31 +1,28 @@
 <template>
     <v-app>
-        <v-app-bar
-            fixed
-            app
-            color="primary"
-            dark
-        >
+        <v-app-bar fixed app color="primary" dark>
             <v-btn to="/" text rounded>Simple Notes</v-btn>
-            <v-spacer/>
+            <v-spacer />
             <v-btn to="/notes" class="mr-2" text rounded>My notes</v-btn>
-            <v-btn outlined v-if="this.$store.state.auth.loggedIn">Welcome {{this.$store.state.auth.user.username}}</v-btn>
+            <v-btn v-if="this.$store.state.auth.loggedIn" outline>
+                Welcome {{ this.$store.state.auth.user.username }}
+            </v-btn>
             <v-btn v-else to="/account" text rounded>Account</v-btn>
         </v-app-bar>
         <v-content>
             <v-container>
-                <nuxt/>
+                <nuxt />
             </v-container>
         </v-content>
     </v-app>
 </template>
 
 <script>
-    export default {}
+export default {}
 </script>
 
 <style>
-    html {
-        overflow-y: auto
-    }
+html {
+    overflow-y: auto;
+}
 </style>

frontend/layouts/empty.vue

@@ -1,17 +1,17 @@
 <template>
     <v-app>
         <v-content>
-            <nuxt/>
+            <nuxt />
         </v-content>
     </v-app>
 </template>
 
 <script>
-    export default {}
+export default {}
 </script>
 
 <style>
-    html {
-        overflow-y: auto
-    }
+html {
+    overflow-y: auto;
+}
 </style>

frontend/layouts/error.vue

@@ -13,32 +13,32 @@
 </template>
 
 <script>
-    export default {
-        layout: 'empty',
-        props: {
-            error: {
-                type: Object,
-                default: null
-            }
+export default {
+    layout: 'empty',
+    props: {
+        error: {
+            type: Object,
+            default: null,
         },
-        data() {
-            return {
-                pageNotFound: '404 Not Found',
-                otherError: 'An error occurred'
-            }
-        },
-        head() {
-            const title =
-                this.error.statusCode === 404 ? this.pageNotFound : this.otherError
-            return {
-                title
-            }
+    },
+    data() {
+        return {
+            pageNotFound: '404 Not Found',
+            otherError: 'An error occurred',
         }
-    }
+    },
+    head() {
+        const title =
+            this.error.statusCode === 404 ? this.pageNotFound : this.otherError
+        return {
+            title,
+        }
+    },
+}
 </script>
 
 <style scoped>
-    h1 {
-        font-size: 20px;
-    }
+h1 {
+    font-size: 20px;
+}
 </style>