framwork ready, need to test the api access

src/App.vue

@@ -0,0 +1,45 @@
+<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>
+    </header>
+    <section role="main-content">
+      <div class="wrapper">
+          <RouterView />
+      </div>
+    </section>
+    <footer role="tools">
+    </footer>
+  </div>
+</template>
+
+<script>
+
+// import { mapActions, mapState } from 'vuex'
+
+export default {
+  metaInfo: {
+    // if no subcomponents specify a metaInfo.title, this title will be used
+    title: 'Home',
+    // all titles will be injected into this template
+    titleTemplate: '%s | En Français',
+    meta: [
+      { charset: 'utf-8' },
+      { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+    ]
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.container{
+  max-width: 1200px;
+}
+</style>

src/index.js

@@ -0,0 +1,26 @@
+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 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,
+  store,
+  render: h => h(App)
+}).$mount('#app')

src/pages/Home.vue

@@ -0,0 +1,18 @@
+<template>
+  <div
+    id="home"
+    class="full-width"
+  >
+    <header>
+      <h1>En Français</h1>
+    </header>
+    <section>
+    </section>
+  </div>
+</template>
+
+<script>
+
+export default {
+}
+</script>

src/pages/NotFound.vue

@@ -0,0 +1,43 @@
+<template>
+  <div
+    id="home"
+    class="full-width"
+  >
+    <header>
+      <h1>En Français</h1>
+    </header>
+    <section>
+      <h1>404 - Contenu non trouvé</h1>
+      <code v-if="path">{{ path }}</code>
+    </section>
+  </div>
+</template>
+
+<script>
+
+export default {
+  name: 'NotFound',
+  computed: {
+    path () {
+      if (this.$route.query.fullpath) {
+        return this.$route.query.fullpath
+      } else if (this.$route.params.pathMatch) {
+        return this.$route.params.pathMatch
+      } else {
+        return null
+      }
+    }
+  },
+  created () {
+    console.log('NotFound created', this.$route)
+  },
+  metaInfo () {
+    return {
+      title: `Not Found`
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+</style>

src/router/index.js

@@ -0,0 +1,26 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+
+import Home from 'pages/Home'
+import NotFound from 'pages/NotFound'
+
+Vue.use(Router)
+
+const routes = [
+  {
+    name: 'home',
+    path: '/',
+    component: Home
+  },
+  {
+    name: 'notfound',
+    path: '/404',
+    alias: '*',
+    component: NotFound
+  }
+]
+
+export default new Router({
+  mode: 'history',
+  routes
+})

src/store/index.js

@@ -0,0 +1,11 @@
+import Vue from 'vue'
+import Vuex from 'vuex'
+
+// import Corpus from './modules/corpus'
+
+Vue.use(Vuex)
+export default new Vuex.Store({
+  modules: {
+    // Corpus
+  }
+})

src/store/modules/corpus.js

@@ -0,0 +1,24 @@
+
+export default {
+  namespaced: true,
+  // initial state
+  state: {
+    // items: [],
+  },
+  // getters
+  getters: {
+
+  },
+  // mutations
+  mutations: {
+
+  },
+  // actions
+  actions: {
+
+  },
+  // methods
+  methods: {
+
+  }
+}