add middleware home

components/nav.vue

@@ -54,8 +54,10 @@ export default {
           token: this.$auth.$storage.getUniversal('token'),
         }),
       });
-      localStorage.removeItem("token");
+      localStorage.setItem("token",'');
       this.$auth.$storage.setUniversal("loggedIn", 'false');
+      this.$auth.$storage.setUniversal("token", '');
+      this.$auth.$storage.setUniversal("userName", '');
       this.$router.push("/");
     },
   },

middleware/web.js

-const token_access = localStorage.getItem('token');
-export default function ({ redirect }) {
-   if (!token_access) {
-    // this.$router.push('/')
-    console.log('[LOG]: running ...');
-   }
- }
\ No newline at end of file
+export default ({ redirect }) => {
+  console.log('[LOG]: middleware is running ...')
+  if (localStorage.getItem("token")=="") {
+   return redirect('/')
+  }
+};
\ No newline at end of file

nuxt.config.js

@@ -57,7 +57,7 @@ export default {
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
   },
-  router: {
-    middleware: 'web'
-  }
+  // router: {
+  //   middleware: 'web'
+  // }
 }

pages/home/index.vue

@@ -22,8 +22,10 @@ import Footer from "@/components/footer";
 export default {
   components: { Nav },
   components: { Footer },
+  middleware: ['web'],
   
 };
+
 </script>
 
 <style></style>