vue-cookie plugin installed and implemented

package.json

@@ -10,7 +10,6 @@
         "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
     },
     "devDependencies": {
-        "font-awesome": "^4.7.0",
         "apollo-cache-inmemory": "^1.6.5",
         "apollo-client": "^2.6.8",
         "apollo-link": "^1.2.13",
@@ -19,6 +18,7 @@
         "bootstrap": "^4.0.0",
         "cross-env": "^5.1",
         "deepmerge": "^4.2.2",
+        "font-awesome": "^4.7.0",
         "graphql": "^14.6.0",
         "graphql-anywhere": "^4.2.6",
         "graphql-tag": "^2.10.3",
@@ -32,6 +32,7 @@
         "startbootstrap-sb-admin-2": "^4.0.7",
         "vue": "^2.5.17",
         "vue-apollo": "^3.0.3",
+        "vue-cookies": "^1.6.1",
         "vue-router": "^3.1.5",
         "vue-table-component": "^1.9.2",
         "vue-template-compiler": "^2.6.10",

resources/js/app.js

@@ -7,15 +7,18 @@ import store  from "./store";
 import routes from './routes';
 
 // Plugins
-import VueApollo from 'vue-apollo';
-import VueRouter from 'vue-router';
+import Vue        from 'vue';
+import VueApollo  from 'vue-apollo';
+import VueRouter  from 'vue-router';
+import VueCookies from 'vue-cookies';
 
 // Main components
 import App from "./components/App";
 
 // Basic uses
 Vue.use(VueApollo);
 Vue.use(VueRouter);
+Vue.use(VueCookies);
 
 // Preconfigure Vue-Router
 const router = new VueRouter({
@@ -26,9 +29,11 @@ const router = new VueRouter({
 });
 
 router.beforeEach((to, from, next) => {
-  if (!store.state.token && to.name !== 'login') {
+  var token = Vue.$cookies.get('token');
+  if (!store.state.token && !token && to.name !== 'login') {
     next({name: 'login'});
   } else {
+    store.commit('SET_TOKEN', token);
     next();
   }
 });

resources/js/components/Login.vue

@@ -69,12 +69,10 @@
        * Initiate login logic based on API token
        */
       login() {
-        console.log(this.form);
-
         this.$store.dispatch('login', this.form)
           .then(response => {
-            console.log(response);
             if (!!this.$store.state.token) {
+              Vue.$cookies.set('token', this.$store.state.token);
               this.error = null;
               this.$router.push({name: 'dashboard'});
             }