Deploy ..

frontend/Caddyfile

@@ -1,20 +0,0 @@
-:8080
-root dist
-file_server {
-    # If we visit /404.html directly we receive a 404 response, and not a 200.
-    hide 404.html
-}
-encode gzip
-
-handle_errors {
-    @404 {
-        expression {http.error.status_code} == 404
-    }
-    rewrite @404 /404.html
-    file_server
-}
-
-log {
-    format single_field common_log
-}
-

frontend/assets/main.css

@@ -5,8 +5,7 @@
     font-weight: 400;
     font-display: swap;
     src: local('Roboto'), local('Roboto-Regular'),
-    url('/fonts/roboto-v20-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
-    url('/fonts/roboto-v20-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+    url('./fonts/roboto-v20-latin-regular.woff2') format('woff2')
 }
 
 

frontend/components/Navbar.vue

@@ -116,10 +116,6 @@ export default {
             this.$vuetify.theme.dark = !this.$vuetify.theme.dark
             const theme = this.$vuetify.theme.dark ? 'dark' : 'light'
             localStorage.setItem('theme', theme)
-            this.$cookies.set('theme', theme, {
-                path: '/',
-                maxAge: 60 * 60 * 24 * 7,
-            })
         },
     },
 }

frontend/nuxt.config.js

@@ -1,9 +1,4 @@
-import colors from 'vuetify/es5/util/colors'
-import { config } from 'dotenv'
-
-const env = config().parsed
-
-export default {
+export default ({ command }) => ({
     mode: 'universal',
     /*
      ** Headers of the page
@@ -26,16 +21,7 @@ export default {
                 content: process.env.npm_package_description || '',
             },
         ],
-        link: [
-            { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
-            {
-                rel: 'preload',
-                href: '/fonts/roboto-v20-latin-regular.woff2',
-                as: 'font',
-                type: 'font/woff2',
-                crossorigin: 'anonymous',
-            },
-        ],
+        link: [{ rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }],
     },
     /*
      ** Customize the progress-bar color
@@ -64,9 +50,9 @@ export default {
         // Doc: https://axios.nuxtjs.org/usage
         '@nuxtjs/axios',
         // Doc: https://github.com/nuxt-community/dotenv-module
-        '@nuxtjs/dotenv',
         '@nuxtjs/auth',
-        'cookie-universal-nuxt',
+        // Doc: https://github.com/nuxt-community/robots-module
+        '@nuxtjs/robots',
     ],
     /*
      ** Axios module configuration
@@ -74,8 +60,8 @@ export default {
      */
     axios: {},
 
-    env: {
-        API_HOST: env.API_HOST,
+    publicRuntimeConfig: {
+        API_HOST: process.env.API_HOST,
     },
 
     auth: {
@@ -85,12 +71,7 @@ export default {
             home: '/notes',
         },
         watchLoggedIn: true,
-        cookie: {
-            prefix: 'auth.',
-            options: {
-                path: '/',
-            },
-        },
+        cookie: !command.includes('generate'),
         strategies: {
             _scheme: 'local',
             _name: 'local',
@@ -190,4 +171,17 @@ export default {
     components: true,
 
     telemetry: false,
-}
+
+    robots: {
+        UserAgent: '*',
+        Disallow: '/',
+    },
+
+    render: {
+        bundleRenderer: {
+            shouldPrefetch: () => false,
+            shouldPreload: (_, asType) =>
+                ['font', 'script', 'style'].includes(asType),
+        },
+    },
+})

frontend/package.json

@@ -15,9 +15,8 @@
   "dependencies": {
     "@nuxtjs/auth": "^4.9.1",
     "@nuxtjs/axios": "^5.3.6",
-    "@nuxtjs/dotenv": "^1.4.0",
+    "@nuxtjs/robots": "^2.4.2",
     "@starptech/prettyhtml-hast-to-html": "^0.10.0",
-    "cookie-universal-nuxt": "^2.1.4",
     "nuxt": "^2.13.0",
     "remark": "^12.0.0",
     "remark-breaks": "^1.0.5",

frontend/pages/notes/index.vue

@@ -43,7 +43,7 @@ export default {
         ...mapGetters('notes', ['isEmpty']),
     },
     mounted() {
-        if (!this.initialized) this.load()
+        if (!this.isInitialized) this.load()
     },
     methods: {
         ...mapActions('notes', ['load']),