Migrated to nuxt-js frontend framework

frontend/layouts/centered.vue

@@ -0,0 +1,19 @@
+<template>
+    <v-app>
+        <v-content>
+            <v-container class="fill-height" fluid>
+                <v-row align="center" justify="center">
+                    <v-col cols="12" lg="6" md="8">
+                        <nuxt/>
+                    </v-col>
+                </v-row>
+            </v-container>
+        </v-content>
+    </v-app>
+</template>
+
+<script>
+    export default {
+        name: "centered"
+    }
+</script>

frontend/layouts/default.vue

@@ -0,0 +1,32 @@
+<template>
+    <v-app>
+        <v-app-bar
+            fixed
+            app
+            color="primary"
+            dark
+        >
+            <v-toolbar-title>Notes</v-toolbar-title>
+            <v-spacer/>
+            <v-btn to="/notes" text rounded>My notes</v-btn>
+            <v-btn to="/account" text rounded>Account</v-btn>
+        </v-app-bar>
+        <v-content>
+            <v-container>
+                <nuxt/>
+            </v-container>
+        </v-content>
+    </v-app>
+</template>
+
+<script>
+    export default {
+
+    }
+</script>
+
+<style>
+    html {
+        overflow-y: auto
+    }
+</style>

frontend/layouts/empty.vue

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

frontend/layouts/error.vue

@@ -0,0 +1,44 @@
+<template>
+    <v-app dark>
+        <h1 v-if="error.statusCode === 404">
+            {{ pageNotFound }}
+        </h1>
+        <h1 v-else>
+            {{ otherError }}
+        </h1>
+        <NuxtLink to="/">
+            Home page
+        </NuxtLink>
+    </v-app>
+</template>
+
+<script>
+    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
+            }
+        }
+    }
+</script>
+
+<style scoped>
+    h1 {
+        font-size: 20px;
+    }
+</style>

frontend/layouts/home.vue

@@ -0,0 +1,33 @@
+<template>
+    <v-app>
+        <v-app-bar
+            fixed
+            app
+            color="primary"
+            dark
+            prominent
+        >
+            <v-toolbar-title>Notes</v-toolbar-title>
+            <v-spacer/>
+            <v-btn to="/notes" text rounded>My notes</v-btn>
+            <v-btn to="/account" text rounded>Account</v-btn>
+        </v-app-bar>
+        <v-content>
+            <v-container>
+                <nuxt/>
+            </v-container>
+        </v-content>
+    </v-app>
+</template>
+
+<script>
+    export default {
+
+    }
+</script>
+
+<style>
+    html {
+        overflow-y: auto
+    }
+</style>