Updated the authentication flow

Author: StanleyMasinde

bin/dep

@@ -38,7 +38,6 @@ rl.question('Your name: ', (name) => {
           )
           rl.close()
         } catch (e) {
-          console.error(e)
           rl.close()
         }
       })()

ecosystem.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  apps: [
+    {
+      name: 'Deployer',
+      script: 'npm',
+      args: '-- run start --spa',
+      watch: false,
+      exec_mode: 'cluster',
+      instances: 1,
+    },
+  ],
+}

layouts/default.vue

@@ -32,9 +32,6 @@
               <p class="caption mt-1">
                 {{ $auth.user.email }}
               </p>
-              <v-divider class="my-3" />
-              <v-btn to="/" depressed rounded text> Home </v-btn>
-              <v-divider class="my-3" />
               <v-btn to="/home" depressed rounded text> My account </v-btn>
               <v-divider class="my-3" />
               <v-btn

pages/index.vue renamed to layouts/empty.vue

@@ -1,3 +1,3 @@
 <template>
-  <h1>Deployer</h1>
+  <nuxt />
 </template>

layouts/error.vue

@@ -1,12 +1,12 @@
 <template>
-  <v-app dark>
-    <h1 v-if="error.statusCode === 404">
-      {{ pageNotFound }}
-    </h1>
-    <h1 v-else>
-      {{ otherError }}
-    </h1>
-    <NuxtLink to="/"> Home page </NuxtLink>
+  <v-app dark class="full-page">
+    <div v-if="error.statusCode === 404">
+      <v-img contain height="400" src="/404.svg" />
+    </div>
+    <div v-else>
+      <v-img src="/500.svg" />
+    </div>
+    <NuxtLink to="/home"> Home page </NuxtLink>
   </v-app>
 </template>
 
@@ -39,4 +39,11 @@ export default {
 h1 {
   font-size: 20px;
 }
+.full-page {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
 </style>

nuxt.config.js

@@ -41,7 +41,11 @@ export default {
   css: ['~/assets/prism.css'],
 
   // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
-  plugins: ['~/plugins/vee-validate.js', '~/plugins/prism.js'],
+  plugins: [
+    '~/plugins/vee-validate.js',
+    '~/plugins/prism.js',
+    '~/plugins/axios.js',
+  ],
 
   // Auto import components: https://go.nuxtjs.dev/config-components
   components: true,
@@ -98,6 +102,12 @@ export default {
    * Auth configuration
    */
   auth: {
+    redirect: {
+      login: '/login',
+      logout: '/login',
+      callback: '/login',
+      home: '/home',
+    },
     strategies: {
       cookie: {
         user: {

package-lock.json

@@ -25,7 +25,7 @@
     "express-session": "^1.17.2",
     "mevn-orm": "^2.2.1",
     "morgan": "^1.10.0",
-    "mysql2": "^2.2.5",
+    "mysql": "^2.18.1",
     "nuxt": "^2.15.8",
     "redis": "^3.1.2",
     "sessionstore": "^1.3.7",