refactor: added @nuxtjs/toast

Author: ynaka6

nuxt.config.js

@@ -49,13 +49,23 @@ export default {
    */
   modules: [
     // Doc: https://axios.nuxtjs.org/usage
-    '@nuxtjs/axios'
+    '@nuxtjs/axios',
+
+    '@nuxtjs/toast'
   ],
   /*
    ** Axios module configuration
    ** See https://axios.nuxtjs.org/options
    */
   axios: {},
+
+  toast: {
+    position: 'bottom-center',
+    duration: 5000,
+    theme: 'bubble',
+    register: []
+  },
+
   /*
    ** Build configuration
    */

package.json

@@ -13,6 +13,7 @@
   },
   "dependencies": {
     "@nuxtjs/axios": "^5.3.6",
+    "@nuxtjs/toast": "^3.3.0",
     "netlify-identity-widget": "^1.5.6",
     "nuxt": "^2.0.0"
   },

src/pages/secured.vue

@@ -20,6 +20,7 @@ export default {
     if (process.browser) {
       if (!this.user) {
         this.$router.push('/')
+        this.$toast.show(`You'll need to login`)
       }
     }
   }

yarn.lock

@@ -1002,6 +1002,12 @@
     nuxt-purgecss "^0.2.1"
     tailwindcss "^1.2.0"
 
+"@nuxtjs/toast@^3.3.0":
+  version "3.3.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/toast/-/toast-3.3.0.tgz#fe762dc8a19d81b2a9b5b9e6daac61e5d31821b7"
+  dependencies:
+    vue-toasted "^1.1.27"
+
 "@nuxtjs/youch@^4.2.3":
   version "4.2.3"
   resolved "https://registry.yarnpkg.com/@nuxtjs/youch/-/youch-4.2.3.tgz#36f8b22df5a0efaa81373109851e1d857aca6bed"
@@ -7134,6 +7140,10 @@ vue-template-es2015-compiler@^1.9.0:
   version "1.9.1"
   resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
 
+vue-toasted@^1.1.27:
+  version "1.1.28"
+  resolved "https://registry.yarnpkg.com/vue-toasted/-/vue-toasted-1.1.28.tgz#dbabb83acc89f7a9e8765815e491d79f0dc65c26"
+
 vue@^2.6.11:
   version "2.6.11"
   resolved "https://registry.yarnpkg.com/vue/-/vue-2.6.11.tgz#76594d877d4b12234406e84e35275c6d514125c5"