From d36e50dbe805f5d769f41cc64b4204eb0c5d1abe Mon Sep 17 00:00:00 2001
From: konrad <k@knt.li>
Date: Tue, 21 Nov 2017 16:22:52 +0100
Subject: [PATCH] Started implementing multilanguage

---
 frontend/package.json     | 1 +
 frontend/src/App.vue      | 8 ++++----
 frontend/src/lang/en.js   | 9 +++++++++
 frontend/src/lang/lang.js | 6 ++++++
 frontend/src/main.js      | 7 +++++++
 5 files changed, 27 insertions(+), 4 deletions(-)
 create mode 100644 frontend/src/lang/en.js
 create mode 100644 frontend/src/lang/lang.js

diff --git a/frontend/package.json b/frontend/package.json
index ffc0c0f..d2a55c8 100644
--- a/frontend/package.json
+++ b/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",
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4ed1ee8..762e7e6 100644
--- a/frontend/src/App.vue
+++ b/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>
diff --git a/frontend/src/lang/en.js b/frontend/src/lang/en.js
new file mode 100644
index 0000000..9deb749
--- /dev/null
+++ b/frontend/src/lang/en.js
@@ -0,0 +1,9 @@
+export default {
+  login: 'Login',
+  nav: {
+    home: 'Home',
+    books: 'Books',
+    authors: 'Authors',
+    publishers: 'Publishers'
+  }
+}
diff --git a/frontend/src/lang/lang.js b/frontend/src/lang/lang.js
new file mode 100644
index 0000000..b65c4ec
--- /dev/null
+++ b/frontend/src/lang/lang.js
@@ -0,0 +1,6 @@
+import en from './en'
+
+export default {
+  default: 'en',
+  en: en
+}
diff --git a/frontend/src/main.js b/frontend/src/main.js
index cc08dd2..25b68e7 100644
--- a/frontend/src/main.js
+++ b/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