From d99b5cf5259520523f64991705ce27ad00e7a025 Mon Sep 17 00:00:00 2001
From: Thomas Bnt <thomasbnt@protonmail.com>
Date: Wed, 27 Nov 2019 16:49:59 +0100
Subject: [PATCH 1/7] Added French language (basic config)

---
 lang/fr-FR.js  | 3 +++
 nuxt.config.js | 8 +++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)
 create mode 100644 lang/fr-FR.js

diff --git a/lang/fr-FR.js b/lang/fr-FR.js
new file mode 100644
index 000000000..d99c3ac55
--- /dev/null
+++ b/lang/fr-FR.js
@@ -0,0 +1,3 @@
+export default {
+  send: 'Envoyer'
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index f6b525b1b..ae090f394 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -290,7 +290,13 @@ export default {
         name: 'Español',
         iso: 'es-ES',
         file: 'es-ES.js'
-      }
+      },
+      {
+      code: 'fr',
+      name: 'Français',
+      iso: 'fr-FR',
+      file: 'fr-FR.js'
+    }
     ],
     defaultLocale: 'en',
     lazy: true,

From 558b961afa6d35c79abaca6063966bdf6357d88d Mon Sep 17 00:00:00 2001
From: Thomas Bnt <thomasbnt@protonmail.com>
Date: Wed, 27 Nov 2019 16:55:15 +0100
Subject: [PATCH 2/7] Forgotten space

---
 nuxt.config.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/nuxt.config.js b/nuxt.config.js
index ae090f394..819c01007 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -292,11 +292,11 @@ export default {
         file: 'es-ES.js'
       },
       {
-      code: 'fr',
-      name: 'Français',
-      iso: 'fr-FR',
-      file: 'fr-FR.js'
-    }
+        code: 'fr',
+        name: 'Français',
+        iso: 'fr-FR',
+        file: 'fr-FR.js'
+      }
     ],
     defaultLocale: 'en',
     lazy: true,

From 292550f6b526ce3bbe3852a4b6777a9e8c5f43e1 Mon Sep 17 00:00:00 2001
From: Hossein Nedaee <hosseinnedaee.d@gmail.com>
Date: Wed, 27 Nov 2019 21:03:02 +0330
Subject: [PATCH 3/7] Added Farsi language support

---
 lang/fa-IR.js  | 3 +++
 nuxt.config.js | 6 ++++++
 2 files changed, 9 insertions(+)
 create mode 100644 lang/fa-IR.js

diff --git a/lang/fa-IR.js b/lang/fa-IR.js
new file mode 100644
index 000000000..6cbb72dd3
--- /dev/null
+++ b/lang/fa-IR.js
@@ -0,0 +1,3 @@
+export default {
+  send: 'ارسال'
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index 819c01007..d13f3af97 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -296,6 +296,12 @@ export default {
         name: 'Français',
         iso: 'fr-FR',
         file: 'fr-FR.js'
+      },
+      {
+        code: 'fa',
+        name: 'Farsi',
+        iso: 'fa-IR',
+        file: 'fa-IR.js'
       }
     ],
     defaultLocale: 'en',

From 314084d092626010e4a1ff59d436da4ca825cbd0 Mon Sep 17 00:00:00 2001
From: Tetri Mesquita <tetri.mesquita@gmail.com>
Date: Wed, 27 Nov 2019 15:59:09 -0300
Subject: [PATCH 4/7] Added Brazilian Portuguese language support

---
 lang/pt-BR.js | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 lang/pt-BR.js

diff --git a/lang/pt-BR.js b/lang/pt-BR.js
new file mode 100644
index 000000000..4422672c8
--- /dev/null
+++ b/lang/pt-BR.js
@@ -0,0 +1,3 @@
+export default {
+  send: 'Enviar'
+}

From cf81a970cccbe2fdeaafa6ae9ada4ed9b2c44478 Mon Sep 17 00:00:00 2001
From: Tetri Mesquita <tetri.mesquita@gmail.com>
Date: Wed, 27 Nov 2019 20:01:34 -0300
Subject: [PATCH 5/7] Added Brazilian Portuguese language support

---
 nuxt.config.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/nuxt.config.js b/nuxt.config.js
index d13f3af97..e74ea1749 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -302,6 +302,12 @@ export default {
         name: 'Farsi',
         iso: 'fa-IR',
         file: 'fa-IR.js'
+      },
+      {
+        code: 'pt',
+        name: 'Português Brasileiro',
+        iso: 'pt-BR',
+        file: 'pt-BR.js'
       }
     ],
     defaultLocale: 'en',

From a4089efe85565e470d8094a41559a97624e59c53 Mon Sep 17 00:00:00 2001
From: Edik <wfj@edik.cn>
Date: Thu, 28 Nov 2019 09:38:31 +0800
Subject: [PATCH 6/7] Add Simplified Chinese language

---
 lang/zh-CN.js  | 3 +++
 nuxt.config.js | 6 ++++++
 2 files changed, 9 insertions(+)
 create mode 100644 lang/zh-CN.js

diff --git a/lang/zh-CN.js b/lang/zh-CN.js
new file mode 100644
index 000000000..5a4e86976
--- /dev/null
+++ b/lang/zh-CN.js
@@ -0,0 +1,3 @@
+export default {
+  send: '发送'
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index e74ea1749..00ef9f2cd 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -308,6 +308,12 @@ export default {
         name: 'Português Brasileiro',
         iso: 'pt-BR',
         file: 'pt-BR.js'
+      },
+      {
+        code: 'cn',
+        name: '简体中文',
+        iso: 'zh-CN',
+        file: 'zh-CN.js'
       }
     ],
     defaultLocale: 'en',

From f61cbba8cb63dec53912ecdb66ba869f9028ab2f Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyasthomas@gmail.com>
Date: Thu, 28 Nov 2019 07:45:35 +0530
Subject: [PATCH 7/7] :bug: Fixed i18n routing

---
 assets/css/styles.scss | 18 ++++++++++++++++++
 layouts/default.vue    | 35 ++++++++++++++++++-----------------
 nuxt.config.js         |  6 +++---
 3 files changed, 39 insertions(+), 20 deletions(-)

diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 01ce5027a..db2cb1c60 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -1,3 +1,21 @@
+// Layout transitions
+.layout-enter-active, .layout-leave-active {
+  transition: opacity 0.5s;
+}
+
+.layout-enter, .layout-leave-active {
+  opacity: 0;
+}
+
+// Page transitions
+.page-enter-active, .page-leave-active {
+  transition: opacity 0.5s;
+}
+
+.page-enter, .page-leave-to {
+  opacity: 0;
+}
+
 $responsiveWidth: 768px;
 
 html {
diff --git a/layouts/default.vue b/layouts/default.vue
index 3494dc364..535454be5 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -3,7 +3,7 @@
     <header class="header">
       <div class="flex-wrap">
         <div class="slide-in">
-          <nuxt-link to="/">
+          <nuxt-link :to="localePath('index')">
             <h1 class="logo">Postwoman</h1>
           </nuxt-link>
         </div>
@@ -93,7 +93,7 @@
               seems to mess up the nuxt-link active class.
             -->
             <nuxt-link
-              to="/"
+              :to="localePath('index')"
               :class="linkActive('/')"
               v-tooltip.right="'Home'"
               aria-label="Home"
@@ -101,21 +101,21 @@
               <logo alt style="height: 24px;"></logo>
             </nuxt-link>
             <nuxt-link
-              to="/realtime"
+              :to="localePath('realtime')"
               :class="linkActive('/realtime')"
               v-tooltip.right="'Realtime'"
             >
               <i class="material-icons">settings_input_hdmi</i>
             </nuxt-link>
             <nuxt-link
-              to="/graphql"
+              :to="localePath('graphql')"
               :class="linkActive('/graphql')"
               v-tooltip.right="'GraphQL'"
             >
               <i class="material-icons">cloud</i>
             </nuxt-link>
             <nuxt-link
-              to="/settings"
+              :to="localePath('settings')"
               :class="linkActive('/settings')"
               v-tooltip.right="'Settings'"
               aria-label="Settings"
@@ -123,7 +123,7 @@
               <i class="material-icons">settings</i>
             </nuxt-link>
           </nav>
-          <div v-if="['/'].includes($route.path)">
+          <div v-if="$route.path === '/'">
             <nav class="secondary-nav">
               <ul>
                 <li>
@@ -144,7 +144,7 @@
               </ul>
             </nav>
           </div>
-          <div v-else-if="['/realtime'].includes($route.path)">
+          <div v-else-if="$route.path === '/realtime'">
             <nav class="secondary-nav">
               <ul>
                 <li>
@@ -160,7 +160,7 @@
               </ul>
             </nav>
           </div>
-          <div v-else-if="['/graphql'].includes($route.path)">
+          <div v-else-if="$route.path === '/graphql'">
             <nav class="secondary-nav">
               <ul>
                 <li>
@@ -176,7 +176,7 @@
               </ul>
             </nav>
           </div>
-          <div v-else-if="['/settings'].includes($route.path)">
+          <div v-else-if="$route.path === '/settings'">
             <nav class="secondary-nav">
               <ul>
                 <li>
@@ -193,7 +193,9 @@
             </nav>
           </div>
         </aside>
-        <nuxt id="main" class="main" />
+        <transition name="layout" appear>
+          <nuxt id="main" class="main" />
+        </transition>
         <aside class="nav-second"></aside>
       </div>
     </div>
@@ -246,17 +248,16 @@
               <i class="material-icons">translate</i>
             </button>
             <template slot="popover">
+              <div v-for="locale in availableLocales"
+              :key="locale.code">
               <nuxt-link
-                v-for="locale in availableLocales"
-                :key="locale.code"
                 :to="switchLocalePath(locale.code)"
               >
-                <div>
-                  <button class="icon" v-close-popover>
-                    {{ locale.name }}
-                  </button>
-                </div>
+                <button class="icon" v-close-popover>
+                  {{ locale.name }}
+                </button>
               </nuxt-link>
+            </div>
             </template>
           </v-popover>
         </div>
diff --git a/nuxt.config.js b/nuxt.config.js
index e74ea1749..b7a4b5fd1 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -197,9 +197,9 @@ export default {
    ** Global CSS
    */
   css: [
-    '@/assets/css/themes.scss',
-    '@/assets/css/fonts.scss',
-    '@/assets/css/styles.scss'
+    '~/assets/css/styles.scss',
+    '~/assets/css/themes.scss',
+    '~/assets/css/fonts.scss'
   ],
   /*
    ** Plugins to load before mounting the App