Started implementing multilanguage

frontend/package.json

@@ -15,6 +15,7 @@
     "semantic-ui-css": "^2.2.12",
     "vue": "^2.5.2",
     "vue-awesome": "^2.3.4",
+    "vue-multilanguage": "^3.0.5",
     "vue-multiselect": "^2.0.6",
     "vue-paginate": "^3.5.1",
     "vue-resource": "^1.3.4",

frontend/src/App.vue

@@ -2,10 +2,10 @@
   <div id="app">
     <template v-if="user.authenticated">
       <div class="ui secondary menu">
-        <router-link to="/home" class="item">Home</router-link>
-        <router-link to="/books" class="item">Books</router-link>
-        <router-link to="/authors" class="item">Authors</router-link>
-        <router-link to="/publishers" class="item">Publishers</router-link>
+        <router-link to="/home" class="item" v-lang.nav.home></router-link>
+        <router-link to="/books" class="item" v-lang.nav.books></router-link>
+        <router-link to="/authors" class="item" v-lang.nav.authors></router-link>
+        <router-link to="/publishers" class="item" v-lang.nav.publishers></router-link>
         <div class="right menu">
           <img v-bind:src="gravatar" class="menu-avatar"/>
           <div class="ui item"> {{ user.infos.username }}</div>

frontend/src/lang/en.js

@@ -0,0 +1,9 @@
+export default {
+  login: 'Login',
+  nav: {
+    home: 'Home',
+    books: 'Books',
+    authors: 'Authors',
+    publishers: 'Publishers'
+  }
+}

frontend/src/lang/lang.js

@@ -0,0 +1,6 @@
+import en from './en'
+
+export default {
+  default: 'en',
+  en: en
+}

frontend/src/main.js

@@ -24,6 +24,10 @@ import VuePaginate from 'vue-paginate'
 // Multiselect import
 import Multiselect from 'vue-multiselect'
 
+// Multilanguage import
+import Multilanguage from 'vue-multilanguage'
+import language from './lang/lang'
+
 // Multiselect globally
 Vue.component('multiselect', Multiselect)
 
@@ -51,6 +55,9 @@ Vue.directive('focus', {
   }
 })
 
+// Init Multilanguage
+Vue.use(Multilanguage, language)
+
 /*
 // Check permissions on route-level
 // Passed via 'meta: {perms: ['auth', 'admin']}' on routes definition