+added VueRouter

package-lock.json

@@ -8586,6 +8586,11 @@
         }
       }
     },
+    "vue-router": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-2.8.1.tgz",
+      "integrity": "sha512-MC4jacHBhTPKtmcfzvaj2N7g6jgJ/Z/eIjZdt+yUaUOM1iKC0OUIlO/xCtz6OZFFTNUJs/1YNro2GN/lE+nOXA=="
+    },
     "vue-style-loader": {
       "version": "3.1.2",
       "resolved": "https://registry.npmjs.org/vue-style-loader/-/vue-style-loader-3.1.2.tgz",

package.json

@@ -17,7 +17,8 @@
     "build": "npm run bundle:clean; npm run bundle:prod; npm run scss"
   },
   "dependencies": {
-    "vue": "^2.5.9"
+    "vue": "^2.5.9",
+    "vue-router": "^2.5.3"
   },
   "browserslist": [
     "> 1%",

webpack/component/home/page1.vue

@@ -0,0 +1,21 @@
+<template>
+
+	<div id='CONTAINER' class='page1'>
+
+	</div>
+
+</template>
+
+
+
+
+<script>
+
+	export default {
+		name: 'CONTAINER_PAGE1',
+		data(){
+			return { gstore: gstore.get }
+		}
+	}
+
+</script>

webpack/component/home/page2.vue

@@ -0,0 +1,21 @@
+<template>
+
+	<div id='CONTAINER' class='page2'>
+
+	</div>
+
+</template>
+
+
+
+
+<script>
+
+	export default {
+		name: 'CONTAINER_PAGE2',
+		data(){
+			return { gstore: gstore.get }
+		}
+	}
+
+</script>

webpack/page/home.js

@@ -2,6 +2,8 @@
 ---------------------------------------------------------*/
 /* (1) NPM libs */
 import Vue         from 'vue'
+import VueRouter   from 'vue-router'
+import routes      from '../routes/home'
 
 /* (2) Vues */
 import wrapper_vue from '../vue/wrapper.vue'
@@ -15,9 +17,20 @@ require('../data/home');
 
 /* (2) Initialisation
 ---------------------------------------------------------*/
-/* (1) Render view */
+/* (1) Init Router */
+const router = new VueRouter({
+	mode: 'history',
+	routes: routes[0]
+});
+
+/* (2) Store router in gstore */
+gstore.add('router', router);
+
+/* (3) Render view */
+Vue.use(VueRouter);
 new Vue({
 	el: '#main-vue',
+	router,
 	render: h => h(wrapper_vue)
 });
 

webpack/routes/home.js

@@ -0,0 +1,14 @@
+export default{ 0: [
+
+	{
+		path: '/home/page1/',
+		component: require('../component/home/page1.vue').default
+	}, {
+		path: '/home/page2/',
+		component: require('../component/home/page2.vue').default
+	}, {
+		path: '*',
+		redirect: '/home/page1/'
+	}
+
+]}

webpack/vue/wrapper.vue

@@ -7,6 +7,9 @@
 		<!-- Menu -->
 		<menu-comp></menu-comp>
 
+		<!-- Container -->
+		<router-view></router-view>
+
 	</div>
 </template>