reset base config

src/App.vue

@@ -1,31 +1,25 @@
 <template>
-  <div id="root">
-    <header role="banner">
-      <div class="wrapper">
-        <h1
-          class="site-title"
-          tabindex="0"
-        >
-          <router-link :to="{ name:'home' }">En Français</router-link>
-        </h1>
-      </div>
+  <div id="app">
+    <header>
+      <h1>
+        <router-link :to="{ name: 'home' }">En Français</router-link>
+      </h1>
     </header>
-    <section role="main-content">
-      <div class="wrapper">
-        <RouterView />
-      </div>
-    </section>
-    <footer role="tools">
+
+    <main id="main">
+      <router-view />
+    </main>
+
+    <footer>
       <p>footer</p>
     </footer>
   </div>
 </template>
 
 <script>
-
-// import { mapActions, mapState } from 'vuex'
-
 export default {
+  name: 'App',
+
   metaInfo: {
     // if no subcomponents specify a metaInfo.title, this title will be used
     title: 'Home',
@@ -40,7 +34,4 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.container{
-  max-width: 1200px;
-}
 </style>

src/main.js

@@ -1,23 +1,15 @@
 import Vue from 'vue'
-import router from './router'
-import store from './store'
-// import { sync } from 'vuex-router-sync'
 import Meta from 'vue-meta'
 import Vue2TouchEvents from 'vue2-touch-events'
+import router from './router'
+import store from './store'
 
 import App from './App'
 
-import 'assets/css/mdi/css/materialdesignicons.css'
-// import 'mdi/font'
-import 'vue-select/src/scss/vue-select.scss'
-import 'assets/css/app.scss'
 
 Vue.use(Meta)
 Vue.use(Vue2TouchEvents)
 
-// Define the api path regarding the environment
-// https://apple.stackexchange.com/questions/17077/add-a-hosts-file-entry-without-jailbreaking
-// window.apipath = process.env === 'prod' || window.location.hostname === 'dev.gdp.fr' ? `http://${window.location.hostname}/api` : 'http://localhost:8984'
 
 new Vue({
   router,

src/pages/Home.vue

@@ -1,19 +1,11 @@
 <template>
-  <div
-    id="home"
-    class="full-width"
-  >
-    <header>
-      <h1>En Français</h1>
-    </header>
-    <section>
-      <p>contenu</p>
-    </section>
+  <div class="home">
+    Home
   </div>
 </template>
 
 <script>
-
 export default {
+  name: 'Home'
 }
 </script>

src/pages/NotFound.vue

@@ -33,7 +33,7 @@ export default {
   },
   metaInfo () {
     return {
-      title: `Not Found`
+      title: 'Not Found'
     }
   }
 }

src/router/index.js

@@ -1,10 +1,8 @@
 import Vue from 'vue'
-import Router from 'vue-router'
+import VueRouter from 'vue-router'
+import Home from '../pages/Home.vue'
 
-import Home from 'pages/Home'
-import NotFound from 'pages/NotFound'
-
-Vue.use(Router)
+Vue.use(VueRouter)
 
 const routes = [
   {
@@ -16,11 +14,14 @@ const routes = [
     name: 'notfound',
     path: '/404',
     alias: '*',
-    component: NotFound
+    component: () => import(/* webpackChunkName: "404" */ '../pages/NotFound.vue')
   }
 ]
 
-export default new Router({
+const router = new VueRouter({
   mode: 'history',
+  base: process.env.BASE_URL,
   routes
 })
+
+export default router