router deployed

Author: nil1729

vue-noob-router/.firebase/hosting.ZGlzdA.cache

@@ -0,0 +1,7 @@
+index.html,1595579084088,6c2e4a5ec096e5e9077b5329106f4ef7946fda25e1c65a5e8c3220ec4a83388b
+css/app.d8767300.css,1595579084100,817b1500f81e457f3ab2865eb93987fccbacd42212a28dada3a16b5f9b4795d1
+favicon.ico,1595579084100,d5451f0f0f0bcbcd433bbdf4f6e7e5d89d8ecce2650649e969ccb5e5cd499ab2
+js/app.5421c665.js,1595579084124,f4009710749a7f5d7f85ecffb4b69ef0504e4067e88d95b46afffc6e63c744e3
+js/app.5421c665.js.map,1595579084131,2ab8cb3d8636d66630955e67b585d365b5a1d073a69f98a835fcac5a2ff3df9f
+js/chunk-vendors.b325c498.js,1595579084130,5440b247104152ba407e22255b0544d2c7a4317a6670e2c22675960f7c1fe4eb
+js/chunk-vendors.b325c498.js.map,1595579084131,222cc0f84d7e0cfd9ade33bada7c0a24c22d480704bdffe8db014d1c6c5a8b08

vue-noob-router/.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "vue-js-noob"
+  }
+}

vue-noob-router/firebase.json

@@ -0,0 +1,13 @@
+{
+	"hosting": {
+		"site": "vue-router-nil-1",
+		"public": "dist",
+		"ignore": ["firebase.json", "**/.*", "**/node_modules/**"],
+		"rewrites": [
+			{
+				"source": "**",
+				"destination": "/index.html"
+			}
+		]
+	}
+}

vue-noob-router/src/components/layouts/Navbar.vue

@@ -2,12 +2,15 @@
   <nav class="my-3 navbar navbar-expand-lg navbar-light bg-light">
     <div class="collapse navbar-collapse">
       <ul class="navbar-nav mr-auto">
-        <li class="nav-item active">
+        <li class="nav-item">
           <router-link active-class="active" exact to="/" class="btn btn-sm btn-info mx-2">Home</router-link>
         </li>
-        <li class="nav-item active">
+        <li class="nav-item">
           <router-link active-class="active" to="/user" class="btn btn-sm btn-info mx-2">User</router-link>
         </li>
+        <li class="nav-item">
+          <router-link to="/redirect-me" class="btn btn-sm btn-danger">Redirect Me</router-link>
+        </li>
       </ul>
     </div>
   </nav>

vue-noob-router/src/routes.js

@@ -10,6 +10,7 @@ export const routes = [
 	{
 		path: '/',
 		component: Home,
+		name: 'Home',
 		components: {
 			default: Home,
 			'navbar-top': Navbar,
@@ -38,6 +39,10 @@ export const routes = [
 			'navbar-bottom': Navbar,
 		},
 	},
+	{
+		path: '/redirect-me',
+		redirect: { name: 'Home' },
+	},
 	{
 		path: '*',
 		component: NotFound,