exophunk · January 10, 2018 10:20 · Jan 10, 2018
diff --git a/i18n.js b/i18n.js
@@ -0,0 +1,42 @@
+import Vue from 'vue';
+import VueI18n from 'vue-i18n';
+//import messagesDe from 'lang/de';
+// import messagesFr from 'lang/fr';
+// import messagesIt from 'lang/it';
+
+Vue.use(VueI18n);
+
+const loadedLanguages = [];
+
+const i18n = new VueI18n({
+    locale: null,
+    fallbackLocale: 'de',
+    // messages: {
+    //     //de: messagesDe,
+    //     // fr: messagesFr,
+    //     // it: messagesIt,
+    // },
+});
+
+export default i18n;
+
+export function setI18nLanguage(lang) {
+    i18n.locale = lang;
+    document.querySelector('html').setAttribute('lang', lang);
+    return lang;
+}
+
+
+export function loadLanguageAsync(lang) {
+    if (i18n.locale !== lang) {
+        if (!loadedLanguages.includes(lang)) {
+            return import(/* webpackChunkName: "lang-[request]" */ `lang/${lang}`).then(msgs => {
+                i18n.setLocaleMessage(lang, msgs.default);
+                loadedLanguages.push(lang);
+                return setI18nLanguage(lang);
+            })
+        }
+        return Promise.resolve(setI18nLanguage(lang));
+    }
+    return Promise.resolve(lang);
+}
diff --git a/router.js b/router.js
@@ -0,0 +1,47 @@
+import Vue from 'vue';
+import VueRouter from 'vue-router';
+import {loadLanguageAsync} from 'i18n';
+
+import PageLanding from 'components/pages/PageLanding.vue';
+
+Vue.use(VueRouter);
+
+const routes = [
+
+    { path: '/', redirect: { name: 'index', params: { langSlug: 'mut' } }},
+
+    {
+        name: 'index',
+        path: '/:langSlug',
+        component: PageLanding,
+    },
+
+];
+
+const router = new VueRouter({
+    routes: routes,
+    mode: 'history',
+});
+
+
+
+router.beforeEach((to, from, next) => {
+    const lang = mapSlugToLang(to.params.langSlug);
+    loadLanguageAsync(lang).then(() => next());
+})
+
+
+function mapSlugToLang(slug) {
+    switch(slug) {
+        case 'mut':
+            return 'de';
+        case 'courage':
+            return 'fr';
+        case 'coraggio':
+            return 'it';
+    }
+}
+
+
+
+export default router;
diff --git a/webpack.mix.config.js b/webpack.mix.config.js
@@ -0,0 +1,8 @@
+    webpack: {
+
+        ...
+
+        output: {
+            chunkFilename: 'build/js/[name].bundle.js',
+        }
+    },
diff --git a/webpack.mix.js b/webpack.mix.js
@@ -0,0 +1,7 @@
+...
+
+mix
+
+    .setPublicPath('public')
+
+....
No results found