From 87c0702959f29c2b1ec6b34d011bcd9ee435c73c Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 12 Mar 2020 01:31:54 +0530
Subject: [PATCH 1/2] :recycle: Refactor

---
 components/realtime/mqtt.vue      |  11 +-
 components/realtime/socketio.vue  |   5 +-
 components/realtime/sse.vue       | 160 +++++++++++++++
 components/realtime/websocket.vue | 182 +++++++++++++++++
 package-lock.json                 |  12 +-
 pages/realtime.vue                | 329 +-----------------------------
 6 files changed, 362 insertions(+), 337 deletions(-)
 create mode 100644 components/realtime/sse.vue
 create mode 100644 components/realtime/websocket.vue

diff --git a/components/realtime/mqtt.vue b/components/realtime/mqtt.vue
index 36beb5d0e..73edcad42 100644
--- a/components/realtime/mqtt.vue
+++ b/components/realtime/mqtt.vue
@@ -19,10 +19,11 @@
         </div>
       </ul>
     </pw-section>
+
     <pw-section class="blue" :label="$t('communication')">
       <ul>
         <li>
-          <realtimeLog :log="this.log" />
+          <realtime-log :title="$t('log')" :log="this.log" />
         </li>
       </ul>
       <ul>
@@ -66,19 +67,19 @@
     </pw-section>
   </div>
 </template>
+
 <script>
-import realtimeLog from "./log"
 import Paho from "paho-mqtt"
 import { wsValid } from "~/functions/utils/valid"
+
 export default {
-  name: "mqtt",
   components: {
     "pw-section": () => import("../../components/layout/section"),
-    realtimeLog,
+    realtimeLog: () => import("./log"),
   },
   data: function() {
     return {
-      url: "wss://",
+      url: "wss://test.mosquitto.org:8081",
       client: null,
       pub_topic: "",
       sub_topic: "",
diff --git a/components/realtime/socketio.vue b/components/realtime/socketio.vue
index 913429034..c25ae2296 100644
--- a/components/realtime/socketio.vue
+++ b/components/realtime/socketio.vue
@@ -32,7 +32,7 @@
     <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
       <ul>
         <li>
-          <realtime-log :log="communication.log" />
+          <realtime-log :title="$t('log')" :log="communication.log" />
         </li>
       </ul>
       <ul>
@@ -76,12 +76,11 @@
 <script>
 import { socketioValid } from "~/functions/utils/valid"
 import io from "socket.io-client"
-import realtimeLog from "./log"
 
 export default {
   components: {
     "pw-section": () => import("../../components/layout/section"),
-    realtimeLog,
+    realtimeLog: () => import("./log"),
   },
   data() {
     return {
diff --git a/components/realtime/sse.vue b/components/realtime/sse.vue
new file mode 100644
index 000000000..f8c13bafa
--- /dev/null
+++ b/components/realtime/sse.vue
@@ -0,0 +1,160 @@
+<template>
+  <div class="page">
+    <pw-section class="blue" :label="$t('request')" ref="request">
+      <ul>
+        <li>
+          <label for="server">{{ $t("server") }}</label>
+          <input
+            id="server"
+            type="url"
+            :class="{ error: !serverValid }"
+            v-model="server"
+            @keyup.enter="serverValid ? toggleSSEConnection() : null"
+          />
+        </li>
+        <div>
+          <li>
+            <label for="start" class="hide-on-small-screen">&nbsp;</label>
+            <button :disabled="!serverValid" id="start" name="start" @click="toggleSSEConnection">
+              {{ !connectionSSEState ? $t("start") : $t("stop") }}
+              <span>
+                <i class="material-icons">
+                  {{ !connectionSSEState ? "sync" : "sync_disabled" }}
+                </i>
+              </span>
+            </button>
+          </li>
+        </div>
+      </ul>
+    </pw-section>
+
+    <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
+      <ul>
+        <li>
+          <realtime-log :title="$t('events')" :log="events.log" />
+          <div id="result"></div>
+        </li>
+      </ul>
+    </pw-section>
+  </div>
+</template>
+
+<script>
+import { sseValid } from "~/functions/utils/valid"
+
+export default {
+  components: {
+    "pw-section": () => import("../layout/section"),
+    realtimeLog: () => import("./log"),
+  },
+  data() {
+    return {
+      connectionSSEState: false,
+      server: "https://express-eventsource.herokuapp.com/events",
+      sse: null,
+      events: {
+        log: null,
+        input: "",
+      },
+    }
+  },
+  computed: {
+    serverValid() {
+      return sseValid(this.server)
+    },
+  },
+  methods: {
+    toggleSSEConnection() {
+      // If it is connecting:
+      if (!this.connectionSSEState) return this.start()
+      // Otherwise, it's disconnecting.
+      else return this.stop()
+    },
+    start() {
+      this.events.log = [
+        {
+          payload: this.$t("connecting_to", { name: this.server }),
+          source: "info",
+          color: "var(--ac-color)",
+        },
+      ]
+      if (typeof EventSource !== "undefined") {
+        try {
+          this.sse = new EventSource(this.server)
+          this.sse.onopen = event => {
+            this.connectionSSEState = true
+            this.events.log = [
+              {
+                payload: this.$t("connected_to", { name: this.server }),
+                source: "info",
+                color: "var(--ac-color)",
+                ts: new Date().toLocaleTimeString(),
+              },
+            ]
+            this.$toast.success(this.$t("connected"), {
+              icon: "sync",
+            })
+          }
+          this.sse.onerror = event => {
+            this.handleSSEError()
+          }
+          this.sse.onclose = event => {
+            this.connectionSSEState = false
+            this.events.log.push({
+              payload: this.$t("disconnected_from", { name: this.server }),
+              source: "info",
+              color: "#ff5555",
+              ts: new Date().toLocaleTimeString(),
+            })
+            this.$toast.error(this.$t("disconnected"), {
+              icon: "sync_disabled",
+            })
+          }
+          this.sse.onmessage = event => {
+            this.events.log.push({
+              payload: event.data,
+              source: "server",
+              ts: new Date().toLocaleTimeString(),
+            })
+          }
+        } catch (ex) {
+          this.handleSSEError(ex)
+          this.$toast.error(this.$t("something_went_wrong"), {
+            icon: "error",
+          })
+        }
+      } else {
+        this.events.log = [
+          {
+            payload: this.$t("browser_support_sse"),
+            source: "info",
+            color: "#ff5555",
+            ts: new Date().toLocaleTimeString(),
+          },
+        ]
+      }
+    },
+    handleSSEError(error) {
+      this.stop()
+      this.connectionSSEState = false
+      this.events.log.push({
+        payload: this.$t("error_occurred"),
+        source: "info",
+        color: "#ff5555",
+        ts: new Date().toLocaleTimeString(),
+      })
+      if (error !== null)
+        this.events.log.push({
+          payload: error,
+          source: "info",
+          color: "#ff5555",
+          ts: new Date().toLocaleTimeString(),
+        })
+    },
+    stop() {
+      this.sse.onclose()
+      this.sse.close()
+    },
+  },
+}
+</script>
diff --git a/components/realtime/websocket.vue b/components/realtime/websocket.vue
new file mode 100644
index 000000000..a2d1b0415
--- /dev/null
+++ b/components/realtime/websocket.vue
@@ -0,0 +1,182 @@
+<template>
+  <div class="page">
+    <pw-section class="blue" :label="$t('request')" ref="request">
+      <ul>
+        <li>
+          <label for="url">{{ $t("url") }}</label>
+          <input
+            id="url"
+            type="url"
+            spellcheck="false"
+            :class="{ error: !urlValid }"
+            v-model="url"
+            @keyup.enter="urlValid ? toggleConnection() : null"
+          />
+        </li>
+        <div>
+          <li>
+            <label for="connect" class="hide-on-small-screen">&nbsp;</label>
+            <button :disabled="!urlValid" id="connect" name="connect" @click="toggleConnection">
+              {{ !connectionState ? $t("connect") : $t("disconnect") }}
+              <span>
+                <i class="material-icons">
+                  {{ !connectionState ? "sync" : "sync_disabled" }}
+                </i>
+              </span>
+            </button>
+          </li>
+        </div>
+      </ul>
+    </pw-section>
+
+    <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
+      <ul>
+        <li>
+          <realtime-log :title="$t('log')" :log="communication.log" />
+        </li>
+      </ul>
+      <ul>
+        <li>
+          <label for="message">{{ $t("message") }}</label>
+          <input
+            id="message"
+            name="message"
+            type="text"
+            v-model="communication.input"
+            :readonly="!connectionState"
+            @keyup.enter="connectionState ? sendMessage() : null"
+          />
+        </li>
+        <div>
+          <li>
+            <label for="send" class="hide-on-small-screen">&nbsp;</label>
+            <button id="send" name="send" :disabled="!connectionState" @click="sendMessage">
+              {{ $t("send") }}
+              <span>
+                <i class="material-icons">send</i>
+              </span>
+            </button>
+          </li>
+        </div>
+      </ul>
+    </pw-section>
+  </div>
+</template>
+
+<script>
+import { wsValid } from "~/functions/utils/valid"
+
+export default {
+  components: {
+    "pw-section": () => import("../layout/section"),
+    realtimeLog: () => import("./log"),
+  },
+  data() {
+    return {
+      connectionState: false,
+      url: "wss://echo.websocket.org",
+      socket: null,
+      communication: {
+        log: null,
+        input: "",
+      },
+    }
+  },
+  computed: {
+    urlValid() {
+      return wsValid(this.url)
+    },
+  },
+  methods: {
+    toggleConnection() {
+      // If it is connecting:
+      if (!this.connectionState) return this.connect()
+      // Otherwise, it's disconnecting.
+      else return this.disconnect()
+    },
+    connect() {
+      this.communication.log = [
+        {
+          payload: this.$t("connecting_to", { name: this.url }),
+          source: "info",
+          color: "var(--ac-color)",
+        },
+      ]
+      try {
+        this.socket = new WebSocket(this.url)
+        this.socket.onopen = event => {
+          this.connectionState = true
+          this.communication.log = [
+            {
+              payload: this.$t("connected_to", { name: this.url }),
+              source: "info",
+              color: "var(--ac-color)",
+              ts: new Date().toLocaleTimeString(),
+            },
+          ]
+          this.$toast.success(this.$t("connected"), {
+            icon: "sync",
+          })
+        }
+        this.socket.onerror = event => {
+          this.handleError()
+        }
+        this.socket.onclose = event => {
+          this.connectionState = false
+          this.communication.log.push({
+            payload: this.$t("disconnected_from", { name: this.url }),
+            source: "info",
+            color: "#ff5555",
+            ts: new Date().toLocaleTimeString(),
+          })
+          this.$toast.error(this.$t("disconnected"), {
+            icon: "sync_disabled",
+          })
+        }
+        this.socket.onmessage = event => {
+          this.communication.log.push({
+            payload: event.data,
+            source: "server",
+            ts: new Date().toLocaleTimeString(),
+          })
+        }
+      } catch (ex) {
+        this.handleError(ex)
+        this.$toast.error(this.$t("something_went_wrong"), {
+          icon: "error",
+        })
+      }
+    },
+    disconnect() {
+      this.socket.close()
+    },
+    handleError(error) {
+      this.disconnect()
+      this.connectionState = false
+      this.communication.log.push({
+        payload: this.$t("error_occurred"),
+        source: "info",
+        color: "#ff5555",
+        ts: new Date().toLocaleTimeString(),
+      })
+      if (error !== null)
+        this.communication.log.push({
+          payload: error,
+          source: "info",
+          color: "#ff5555",
+          ts: new Date().toLocaleTimeString(),
+        })
+    },
+    sendMessage() {
+      const message = this.communication.input
+      this.socket.send(message)
+      this.communication.log.push({
+        payload: message,
+        source: "client",
+        ts: new Date().toLocaleTimeString(),
+      })
+      this.communication.input = ""
+    },
+  },
+}
+</script>
diff --git a/package-lock.json b/package-lock.json
index 4c8515bb0..4820350d4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2198,9 +2198,9 @@
             "integrity": "sha512-8ZVAxwyCGAxQX8mOp9imSXH0hoSPkGfy8igJy+WO/7axL30saRhKgg1XPACSmxxPA7nfHVwM+ShWXT+vKsNuFg=="
         },
         "acorn": {
-            "version": "6.4.0",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.0.tgz",
-            "integrity": "sha512-gac8OEcQ2Li1dxIEWGZzsp2BitJxwkwcOm0zHAJLcPJaVvm58FRnk6RkuLRpU1EujipU2ZFODv2P9DLMfnV8mw=="
+            "version": "6.4.1",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-6.4.1.tgz",
+            "integrity": "sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA=="
         },
         "acorn-walk": {
             "version": "6.2.0",
@@ -7322,9 +7322,9 @@
             }
         },
         "kind-of": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz",
-            "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA=="
+            "version": "6.0.3",
+            "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+            "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="
         },
         "last-call-webpack-plugin": {
             "version": "3.0.0",
diff --git a/pages/realtime.vue b/pages/realtime.vue
index 0185976e7..ac400985d 100644
--- a/pages/realtime.vue
+++ b/pages/realtime.vue
@@ -3,120 +3,17 @@
     <section id="options">
       <tabs>
         <tab :id="'websocket'" :label="$t('websocket')" :selected="true">
-          <pw-section class="blue" :label="$t('request')" ref="request">
-            <ul>
-              <li>
-                <label for="url">{{ $t("url") }}</label>
-                <input
-                  id="url"
-                  type="url"
-                  spellcheck="false"
-                  :class="{ error: !urlValid }"
-                  v-model="url"
-                  @keyup.enter="urlValid ? toggleConnection() : null"
-                />
-              </li>
-              <div>
-                <li>
-                  <label for="connect" class="hide-on-small-screen">&nbsp;</label>
-                  <button
-                    :disabled="!urlValid"
-                    id="connect"
-                    name="connect"
-                    @click="toggleConnection"
-                  >
-                    {{ !connectionState ? $t("connect") : $t("disconnect") }}
-                    <span>
-                      <i class="material-icons">{{
-                        !connectionState ? "sync" : "sync_disabled"
-                      }}</i>
-                    </span>
-                  </button>
-                </li>
-              </div>
-            </ul>
-          </pw-section>
-
-          <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
-            <ul>
-              <li>
-                <realtime-log :title="$t('log')" :log="communication.log" />
-              </li>
-            </ul>
-            <ul>
-              <li>
-                <label for="message">{{ $t("message") }}</label>
-                <input
-                  id="message"
-                  name="message"
-                  type="text"
-                  v-model="communication.input"
-                  :readonly="!connectionState"
-                  @keyup.enter="connectionState ? sendMessage() : null"
-                />
-              </li>
-              <div>
-                <li>
-                  <label for="send" class="hide-on-small-screen">&nbsp;</label>
-                  <button id="send" name="send" :disabled="!connectionState" @click="sendMessage">
-                    {{ $t("send") }}
-                    <span>
-                      <i class="material-icons">send</i>
-                    </span>
-                  </button>
-                </li>
-              </div>
-            </ul>
-          </pw-section>
+          <websocket />
         </tab>
 
         <tab :id="'sse'" :label="$t('sse')">
-          <pw-section class="blue" :label="$t('request')" ref="request">
-            <ul>
-              <li>
-                <label for="server">{{ $t("server") }}</label>
-                <input
-                  id="server"
-                  type="url"
-                  :class="{ error: !serverValid }"
-                  v-model="server"
-                  @keyup.enter="serverValid ? toggleSSEConnection() : null"
-                />
-              </li>
-              <div>
-                <li>
-                  <label for="start" class="hide-on-small-screen">&nbsp;</label>
-                  <button
-                    :disabled="!serverValid"
-                    id="start"
-                    name="start"
-                    @click="toggleSSEConnection"
-                  >
-                    {{ !connectionSSEState ? $t("start") : $t("stop") }}
-                    <span>
-                      <i class="material-icons">{{
-                        !connectionSSEState ? "sync" : "sync_disabled"
-                      }}</i>
-                    </span>
-                  </button>
-                </li>
-              </div>
-            </ul>
-          </pw-section>
-
-          <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
-            <ul>
-              <li>
-                <realtime-log :title="$t('events')" :log="events.log" />
-                <div id="result"></div>
-              </li>
-            </ul>
-          </pw-section>
+          <sse />
         </tab>
 
         <tab :id="'socketio'" :label="$t('socketio')">
           <socketio />
         </tab>
+
         <tab :id="'mqtt'" :label="$t('mqtt')">
           <mqtt />
         </tab>
@@ -126,229 +23,15 @@
 </template>
 
 <script>
-import { wsValid, sseValid } from "~/functions/utils/valid"
-import realtimeLog from "~/components/realtime/log"
-
 export default {
   components: {
     "pw-section": () => import("../components/layout/section"),
-    socketio: () => import("../components/realtime/socketio"),
     tabs: () => import("../components/ui/tabs"),
     tab: () => import("../components/ui/tab"),
+    websocket: () => import("../components/realtime/websocket"),
+    sse: () => import("../components/realtime/sse"),
+    socketio: () => import("../components/realtime/socketio"),
     mqtt: () => import("../components/realtime/mqtt"),
-    realtimeLog,
-  },
-  data() {
-    return {
-      connectionState: false,
-      url: "wss://echo.websocket.org",
-      socket: null,
-      communication: {
-        log: null,
-        input: "",
-      },
-      connectionSSEState: false,
-      server: "https://express-eventsource.herokuapp.com/events",
-      sse: null,
-      events: {
-        log: null,
-        input: "",
-      },
-    }
-  },
-  computed: {
-    urlValid() {
-      return wsValid(this.url)
-    },
-    serverValid() {
-      return sseValid(this.server)
-    },
-  },
-  methods: {
-    toggleConnection() {
-      // If it is connecting:
-      if (!this.connectionState) return this.connect()
-      // Otherwise, it's disconnecting.
-      else return this.disconnect()
-    },
-    connect() {
-      this.communication.log = [
-        {
-          payload: this.$t("connecting_to", { name: this.url }),
-          source: "info",
-          color: "var(--ac-color)",
-        },
-      ]
-      try {
-        this.socket = new WebSocket(this.url)
-        this.socket.onopen = event => {
-          this.connectionState = true
-          this.communication.log = [
-            {
-              payload: this.$t("connected_to", { name: this.url }),
-              source: "info",
-              color: "var(--ac-color)",
-              ts: new Date().toLocaleTimeString(),
-            },
-          ]
-          this.$toast.success(this.$t("connected"), {
-            icon: "sync",
-          })
-        }
-        this.socket.onerror = event => {
-          this.handleError()
-        }
-        this.socket.onclose = event => {
-          this.connectionState = false
-          this.communication.log.push({
-            payload: this.$t("disconnected_from", { name: this.url }),
-            source: "info",
-            color: "#ff5555",
-            ts: new Date().toLocaleTimeString(),
-          })
-          this.$toast.error(this.$t("disconnected"), {
-            icon: "sync_disabled",
-          })
-        }
-        this.socket.onmessage = event => {
-          this.communication.log.push({
-            payload: event.data,
-            source: "server",
-            ts: new Date().toLocaleTimeString(),
-          })
-        }
-      } catch (ex) {
-        this.handleError(ex)
-        this.$toast.error(this.$t("something_went_wrong"), {
-          icon: "error",
-        })
-      }
-    },
-    disconnect() {
-      this.socket.close()
-    },
-    handleError(error) {
-      this.disconnect()
-      this.connectionState = false
-      this.communication.log.push({
-        payload: this.$t("error_occurred"),
-        source: "info",
-        color: "#ff5555",
-        ts: new Date().toLocaleTimeString(),
-      })
-      if (error !== null)
-        this.communication.log.push({
-          payload: error,
-          source: "info",
-          color: "#ff5555",
-          ts: new Date().toLocaleTimeString(),
-        })
-    },
-    sendMessage() {
-      const message = this.communication.input
-      this.socket.send(message)
-      this.communication.log.push({
-        payload: message,
-        source: "client",
-        ts: new Date().toLocaleTimeString(),
-      })
-      this.communication.input = ""
-    },
-    collapse({ target }) {
-      const el = target.parentNode.className
-      document.getElementsByClassName(el)[0].classList.toggle("hidden")
-    },
-    toggleSSEConnection() {
-      // If it is connecting:
-      if (!this.connectionSSEState) return this.start()
-      // Otherwise, it's disconnecting.
-      else return this.stop()
-    },
-    start() {
-      this.events.log = [
-        {
-          payload: this.$t("connecting_to", { name: this.server }),
-          source: "info",
-          color: "var(--ac-color)",
-        },
-      ]
-      if (typeof EventSource !== "undefined") {
-        try {
-          this.sse = new EventSource(this.server)
-          this.sse.onopen = event => {
-            this.connectionSSEState = true
-            this.events.log = [
-              {
-                payload: this.$t("connected_to", { name: this.server }),
-                source: "info",
-                color: "var(--ac-color)",
-                ts: new Date().toLocaleTimeString(),
-              },
-            ]
-            this.$toast.success(this.$t("connected"), {
-              icon: "sync",
-            })
-          }
-          this.sse.onerror = event => {
-            this.handleSSEError()
-          }
-          this.sse.onclose = event => {
-            this.connectionSSEState = false
-            this.events.log.push({
-              payload: this.$t("disconnected_from", { name: this.server }),
-              source: "info",
-              color: "#ff5555",
-              ts: new Date().toLocaleTimeString(),
-            })
-            this.$toast.error(this.$t("disconnected"), {
-              icon: "sync_disabled",
-            })
-          }
-          this.sse.onmessage = event => {
-            this.events.log.push({
-              payload: event.data,
-              source: "server",
-              ts: new Date().toLocaleTimeString(),
-            })
-          }
-        } catch (ex) {
-          this.handleSSEError(ex)
-          this.$toast.error(this.$t("something_went_wrong"), {
-            icon: "error",
-          })
-        }
-      } else {
-        this.events.log = [
-          {
-            payload: this.$t("browser_support_sse"),
-            source: "info",
-            color: "#ff5555",
-            ts: new Date().toLocaleTimeString(),
-          },
-        ]
-      }
-    },
-    handleSSEError(error) {
-      this.stop()
-      this.connectionSSEState = false
-      this.events.log.push({
-        payload: this.$t("error_occurred"),
-        source: "info",
-        color: "#ff5555",
-        ts: new Date().toLocaleTimeString(),
-      })
-      if (error !== null)
-        this.events.log.push({
-          payload: error,
-          source: "info",
-          color: "#ff5555",
-          ts: new Date().toLocaleTimeString(),
-        })
-    },
-    stop() {
-      this.sse.onclose()
-      this.sse.close()
-    },
   },
 }
 </script>

From b576f34893ad790ef9737fbfe0612eebbbd4abff Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Thu, 12 Mar 2020 07:47:59 +0530
Subject: [PATCH 2/2] :zap: Improving performance

---
 components/realtime/mqtt.vue      |  14 +-
 components/realtime/socketio.vue  |   8 +-
 components/realtime/websocket.vue |   8 +-
 lang/de-DE.js                     |  90 ----------
 lang/de-DE.json                   |  92 ++++++++++
 lang/en-US.js                     | 285 -----------------------------
 lang/en-US.json                   | 286 ++++++++++++++++++++++++++++++
 lang/es-ES.js                     | 262 ---------------------------
 lang/es-ES.json                   | 260 +++++++++++++++++++++++++++
 lang/fa-IR.js                     |  89 ----------
 lang/fa-IR.json                   |  92 ++++++++++
 lang/fr-FR.js                     | 262 ---------------------------
 lang/fr-FR.json                   | 260 +++++++++++++++++++++++++++
 lang/id-ID.js                     |  89 ----------
 lang/id-ID.json                   |  92 ++++++++++
 lang/ja-JP.js                     | 245 -------------------------
 lang/ja-JP.json                   | 247 ++++++++++++++++++++++++++
 lang/ko-KR.js                     | 258 ---------------------------
 lang/ko-KR.json                   | 260 +++++++++++++++++++++++++++
 lang/pt-BR.js                     |  89 ----------
 lang/pt-BR.json                   |  92 ++++++++++
 lang/tr-TR.js                     |  89 ----------
 lang/tr-TR.json                   |  92 ++++++++++
 lang/zh-CN.js                     |  89 ----------
 lang/zh-CN.json                   |  92 ++++++++++
 nuxt.config.js                    |  22 +--
 26 files changed, 1892 insertions(+), 1872 deletions(-)
 delete mode 100644 lang/de-DE.js
 create mode 100644 lang/de-DE.json
 delete mode 100644 lang/en-US.js
 create mode 100644 lang/en-US.json
 delete mode 100644 lang/es-ES.js
 create mode 100644 lang/es-ES.json
 delete mode 100644 lang/fa-IR.js
 create mode 100644 lang/fa-IR.json
 delete mode 100644 lang/fr-FR.js
 create mode 100644 lang/fr-FR.json
 delete mode 100644 lang/id-ID.js
 create mode 100644 lang/id-ID.json
 delete mode 100644 lang/ja-JP.js
 create mode 100644 lang/ja-JP.json
 delete mode 100644 lang/ko-KR.js
 create mode 100644 lang/ko-KR.json
 delete mode 100644 lang/pt-BR.js
 create mode 100644 lang/pt-BR.json
 delete mode 100644 lang/tr-TR.js
 create mode 100644 lang/tr-TR.json
 delete mode 100644 lang/zh-CN.js
 create mode 100644 lang/zh-CN.json

diff --git a/components/realtime/mqtt.vue b/components/realtime/mqtt.vue
index 73edcad42..3049ddc97 100644
--- a/components/realtime/mqtt.vue
+++ b/components/realtime/mqtt.vue
@@ -3,12 +3,12 @@
     <pw-section class="blue" :label="$t('request')">
       <ul>
         <li>
-          <label for="url">{{ $t("url") }}</label>
-          <input id="url" type="url" v-model="url" spellcheck="false" />
+          <label for="mqtt-url">{{ $t("url") }}</label>
+          <input id="mqtt-url" type="url" v-model="url" spellcheck="false" />
         </li>
         <div>
           <li>
-            <label for="connect">&nbsp;</label>
+            <label for="connect" class="hide-on-small-screen">&nbsp;</label>
             <button id="connect" :disabled="!validUrl" @click="toggleConnection">
               {{ this.connectionState ? $t("disconnect") : $t("connect") }}
               <span>
@@ -32,12 +32,12 @@
           <input id="pub_topic" type="text" v-model="pub_topic" spellcheck="false" />
         </li>
         <li>
-          <label for="message">{{ $t("message") }}</label>
-          <input id="message" type="text" v-model="msg" spellcheck="false" />
+          <label for="mqtt-message">{{ $t("message") }}</label>
+          <input id="mqtt-message" type="text" v-model="msg" spellcheck="false" />
         </li>
         <div>
           <li>
-            <label for="publish">&nbsp;</label>
+            <label for="publish" class="hide-on-small-screen">&nbsp;</label>
             <button id="publish" name="get" :disabled="!canpublish" @click="publish">
               {{ $t("mqtt_publish") }}
               <span>
@@ -54,7 +54,7 @@
         </li>
         <div>
           <li>
-            <label for="subscribe">&nbsp;</label>
+            <label for="subscribe" class="hide-on-small-screen">&nbsp;</label>
             <button id="subscribe" name="get" :disabled="!cansubscribe" @click="toggleSubscription">
               {{ subscriptionState ? $t("mqtt_unsubscribe") : $t("mqtt_subscribe") }}
               <span>
diff --git a/components/realtime/socketio.vue b/components/realtime/socketio.vue
index c25ae2296..3b3847712 100644
--- a/components/realtime/socketio.vue
+++ b/components/realtime/socketio.vue
@@ -3,9 +3,9 @@
     <pw-section class="blue" :label="$t('request')" ref="request">
       <ul>
         <li>
-          <label for="url">{{ $t("url") }}</label>
+          <label for="socketio-url">{{ $t("url") }}</label>
           <input
-            id="url"
+            id="socketio-url"
             type="url"
             spellcheck="false"
             :class="{ error: !urlValid }"
@@ -39,6 +39,7 @@
         <li>
           <label for="event_name">{{ $t("event_name") }}</label>
           <input
+            id="event_name"
             name="event_name"
             type="text"
             v-model="communication.eventName"
@@ -48,8 +49,9 @@
       </ul>
       <ul>
         <li>
-          <label for="message">{{ $t("message") }}</label>
+          <label for="socketio-message">{{ $t("message") }}</label>
           <input
+            id="socketio-message"
             name="message"
             type="text"
             v-model="communication.input"
diff --git a/components/realtime/websocket.vue b/components/realtime/websocket.vue
index a2d1b0415..fba150ece 100644
--- a/components/realtime/websocket.vue
+++ b/components/realtime/websocket.vue
@@ -3,9 +3,9 @@
     <pw-section class="blue" :label="$t('request')" ref="request">
       <ul>
         <li>
-          <label for="url">{{ $t("url") }}</label>
+          <label for="websocket-url">{{ $t("url") }}</label>
           <input
-            id="url"
+            id="websocket-url"
             type="url"
             spellcheck="false"
             :class="{ error: !urlValid }"
@@ -37,9 +37,9 @@
       </ul>
       <ul>
         <li>
-          <label for="message">{{ $t("message") }}</label>
+          <label for="websocket-message">{{ $t("message") }}</label>
           <input
-            id="message"
+            id="websocket-message"
             name="message"
             type="text"
             v-model="communication.input"
diff --git a/lang/de-DE.js b/lang/de-DE.js
deleted file mode 100644
index 7413a19fe..000000000
--- a/lang/de-DE.js
+++ /dev/null
@@ -1,90 +0,0 @@
-export default {
-  home: "Startseite",
-  realtime: "Echtzeit",
-  graphql: "GraphQL",
-  settings: "Einstellungen",
-  request: "Anfrage",
-  install_pwa: "PWA installieren",
-  support_us: "Unterstütze uns",
-  tweet: "Twittern",
-  options: "Optionen",
-  communication: "Kommunikation",
-  endpoint: "Endpunkt",
-  schema: "Schema",
-  theme: "Design",
-  subscribe: "Abonnieren",
-  choose_language: "Sprache auswählen",
-  shortcuts: "Tastenkombinationen",
-  send_request: "Anfrage senden",
-  save_to_collections: "In Sammlungen speichern",
-  copy_request_link: "Anfragelink kopieren",
-  reset_request: "Anfrage zurücksetzen",
-  support_us_on: "Unterstütze uns auf",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript-Code",
-  method: "Methode",
-  path: "Pfad",
-  label: "Beschriftung",
-  again: "Wiederholen",
-  content_type: "Content-Typ",
-  raw_input: "Rohdaten-Eingabe",
-  parameter_list: "Parameterliste",
-  raw_request_body: "Rohdaten der Anfrage",
-  show_code: "Code zeigen",
-  hide_code: "Code ausblenden",
-  show_prerequest_script: "Preanfrageskript anzeigen",
-  hide_prerequest_script: "Preanfrageskript ausblenden",
-  authentication: "Authentifizierung",
-  authentication_type: "Authentifizierungs-Typ",
-  include_in_url: "In URL einfügen",
-  parameters: "Parameter",
-  expand_response: "Antwort ausklappen",
-  collapse_response: "Antwort einklappen",
-  hide_preview: "Vorschau verstecken",
-  preview_html: "HTML-Vorschau",
-  history: "Verlauf",
-  collections: "Kollektionen",
-  import_curl: "cURL importieren",
-  import: "Importieren",
-  generate_code: "Code generieren",
-  request_type: "Anfrage-Typ",
-  generated_code: "Generierter Code",
-  status: "Status",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(warte auf Verbindung)",
-  message: "Nachricht",
-  sse: "SSE",
-  server: "Server",
-  events: "Ereignisse",
-  url: "URL",
-  get_schema: "Schema abrufen",
-  header_list: "Headerliste",
-  add_new: "Neu hinzufügen",
-  response: "Antwort",
-  query: "Abfrage",
-  queries: "Abfragen",
-  query_variables: "Variablen",
-  mutations: "Mutationen",
-  subscriptions: "Abonnements",
-  types: "Typen",
-  send: "Senden",
-  background: "Hintergrund",
-  color: "Farbe",
-  labels: "Bezeichner",
-  multi_color: "Mehrfarbig",
-  enabled: "Aktiviert",
-  disabled: "Deaktiviert",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting:
-    "Postwomans offizieller Proxy wird durch Apollo Software bereitgestellt.",
-  read_the: "Lies die",
-  apollosw_privacy_policy: "Apollo Software Datenschutzerklärung",
-  contact_us: "Kontaktiere uns",
-  connect: "Verbinden",
-  disconnect: "Trennen",
-  start: "Start",
-  stop: "Stopp",
-}
diff --git a/lang/de-DE.json b/lang/de-DE.json
new file mode 100644
index 000000000..8704b06cb
--- /dev/null
+++ b/lang/de-DE.json
@@ -0,0 +1,92 @@
+{
+  "home": "Startseite",
+  "realtime": "Echtzeit",
+  "graphql": "GraphQL",
+  "settings": "Einstellungen",
+  "request": "Anfrage",
+  "install_pwa": "PWA installieren",
+  "support_us": "Unterstütze uns",
+  "tweet": "Twittern",
+  "options": "Optionen",
+  "communication": "Kommunikation",
+  "endpoint": "Endpunkt",
+  "schema": "Schema",
+  "theme": "Design",
+  "subscribe": "Abonnieren",
+  "choose_language": "Sprache auswählen",
+  "shortcuts": "Tastenkombinationen",
+  "send_request": "Anfrage senden",
+  "save_to_collections": "In Sammlungen speichern",
+  "copy_request_link": "Anfragelink kopieren",
+  "reset_request": "Anfrage zurücksetzen",
+  "support_us_on": "Unterstütze uns auf",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "JavaScript-Code",
+  "method": "Methode",
+  "path": "Pfad",
+  "label": "Beschriftung",
+  "again": "Wiederholen",
+  "content_type": "Content-Typ",
+  "raw_input": "Rohdaten-Eingabe",
+  "parameter_list": "Parameterliste",
+  "raw_request_body": "Rohdaten der Anfrage",
+  "show_code": "Code zeigen",
+  "hide_code": "Code ausblenden",
+  "show_prerequest_script": "Preanfrageskript anzeigen",
+  "hide_prerequest_script": "Preanfrageskript ausblenden",
+  "authentication": "Authentifizierung",
+  "authentication_type": "Authentifizierungs-Typ",
+  "include_in_url": "In URL einfügen",
+  "parameters": "Parameter",
+  "expand_response": "Antwort ausklappen",
+  "collapse_response": "Antwort einklappen",
+  "hide_preview": "Vorschau verstecken",
+  "preview_html": "HTML-Vorschau",
+  "history": "Verlauf",
+  "collections": "Kollektionen",
+  "import_curl": "cURL importieren",
+  "import": "Importieren",
+  "generate_code": "Code generieren",
+  "request_type": "Anfrage-Typ",
+  "generated_code": "Generierter Code",
+  "status": "Status",
+  "headers": "Headers",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(warte auf Verbindung)",
+  "message": "Nachricht",
+  "sse": "SSE",
+  "server": "Server",
+  "events": "Ereignisse",
+  "url": "URL",
+  "get_schema": "Schema abrufen",
+  "header_list": "Headerliste",
+  "add_new": "Neu hinzufügen",
+  "response": "Antwort",
+  "query": "Abfrage",
+  "queries": "Abfragen",
+  "query_variables": "Variablen",
+  "mutations": "Mutationen",
+  "subscriptions": "Abonnements",
+  "types": "Typen",
+  "send": "Senden",
+  "background": "Hintergrund",
+  "color": "Farbe",
+  "labels": "Bezeichner",
+  "multi_color": "Mehrfarbig",
+  "enabled": "Aktiviert",
+  "disabled": "Deaktiviert",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Postwomans offizieller Proxy wird durch Apollo Software bereitgestellt.",
+  "read_the": "Lies die",
+  "apollosw_privacy_policy": "Apollo Software Datenschutzerklärung",
+  "contact_us": "Kontaktiere uns",
+  "connect": "Verbinden",
+  "disconnect": "Trennen",
+  "start": "Start",
+  "stop": "Stopp",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/lang/en-US.js b/lang/en-US.js
deleted file mode 100644
index c5d6b93e1..000000000
--- a/lang/en-US.js
+++ /dev/null
@@ -1,285 +0,0 @@
-export default {
-  home: "Home",
-  realtime: "Realtime",
-  graphql: "GraphQL",
-  settings: "Settings",
-  request: "Request",
-  install_pwa: "Install PWA",
-  support_us: "Support us",
-  tweet: "Tweet",
-  options: "Options",
-  communication: "Communication",
-  endpoint: "Endpoint",
-  schema: "Schema",
-  theme: "Theme",
-  subscribe: "Subscribe",
-  choose_language: "Choose Language",
-  shortcuts: "Shortcuts",
-  send_request: "Send Request",
-  save_to_collections: "Save to Collections",
-  copy_request_link: "Copy Request Link",
-  reset_request: "Reset Request",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript Code",
-  method: "Method",
-  path: "Path",
-  label: "Label",
-  content_type: "Content Type",
-  raw_input: "Raw input",
-  parameter_list: "Parameter List",
-  raw_request_body: "Raw Request Body",
-  show_code: "Show Code",
-  hide_code: "Hide Code",
-  show_prerequest_script: "Show Pre-Request Script",
-  hide_prerequest_script: "Hide Pre-Request Script",
-  authentication: "Authentication",
-  authentication_type: "Authentication type",
-  include_in_url: "Include in URL",
-  parameters: "Parameters",
-  expand_response: "Expand response",
-  collapse_response: "Collapse response",
-  hide_preview: "Hide Preview",
-  preview_html: "Preview HTML",
-  history: "History",
-  collections: "Collections",
-  environments: "Environments",
-  new_environment: "New Environment",
-  my_new_environment: "My New Environment",
-  edit_environment: "Edit Environment",
-  env_variable_list: "Variable List",
-  invalid_environment_name: "Please provide a valid name for the environment",
-  use_environment: "Use Environment",
-  add_one_variable: "(add at least one variable)",
-  import_curl: "Import cURL",
-  import: "Import",
-  generate_code: "Generate code",
-  request_type: "Request type",
-  generated_code: "Generated code",
-  status: "Status",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(waiting for connection)",
-  message: "Message",
-  sse: "SSE",
-  server: "Server",
-  events: "Events",
-  url: "URL",
-  get_schema: "Get schema",
-  header_list: "Header list",
-  add_new: "Add new",
-  response: "Response",
-  query: "Query",
-  queries: "Queries",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Subscriptions",
-  types: "Types",
-  send: "Send",
-  background: "Background",
-  color: "Color",
-  labels: "Labels",
-  multi_color: "Multi-color",
-  enabled: "Enabled",
-  disabled: "Disabled",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Postwoman's Official Proxy is hosted by Apollo Software.",
-  read_the: "Read the",
-  apollosw_privacy_policy: "Apollo Software privacy policy",
-  contact_us: "Contact us",
-  connect: "Connect",
-  disconnect: "Disconnect",
-  start: "Start",
-  stop: "Stop",
-  access_token: "Access Token",
-  token_list: "Token List",
-  get_token: "Get New Token",
-  manage_token: "Manage Access Token",
-  save_token: "Save Access Token",
-  use_token: "Use Saved Token",
-  request_token: "Request Token",
-  save_token_req: "Save Token Request",
-  manage_token_req: "Manage Token Request",
-  use_token_req: "Use Token Request",
-  token_req_name: "Request Name",
-  token_req_details: "Request Details",
-  token_name: "Token Name",
-  oidc_discovery_url: "OIDC Discovery URL",
-  auth_url: "Auth URL",
-  access_token_url: "Access Token URL",
-  client_id: "Client ID",
-  scope: "Scope",
-  state: "State",
-  token_req_list: "Token Request List",
-  no_path: "No path",
-  no_label: "No label",
-  prerequest_script: "Pre-Request Script",
-  no_prerequest_script: "No pre-request script",
-  search: "Search",
-  history_empty: "History is empty",
-  history_deleted: "History Deleted",
-  clear: "Clear",
-  clear_all: "Clear All",
-  cleared: "Cleared",
-  close: "Close",
-  sort: "Sort",
-  time: "Time",
-  duration: "Duration",
-  no_duration: "No duration",
-  show_more: "Show more",
-  hide_more: "Hide more",
-  collection: "Collection",
-  current_collection: "Current Collection",
-  select_collection: "Select a Collection",
-  create_collection: "Create a Collection",
-  new: "New",
-  import_export: "Import / Export",
-  more: "More",
-  folder: "Folder",
-  new_folder: "New Folder",
-  my_new_folder: "My New Folder",
-  folder_empty: "Folder is empty",
-  edit_folder: "Edit Folder",
-  edit: "Edit",
-  delete: "Delete",
-  deleted: "Deleted",
-  undo: "Undo",
-  collection_empty: "Collection is empty",
-  invalid_collection_name: "Please provide a valid name for the collection",
-  new_collection: "New Collection",
-  my_new_collection: "My New Collection",
-  edit_collection: "Edit Collection",
-  edit_request: "Edit Request",
-  save_request_as: "Save Request As",
-  export: "Export",
-  connecting_to: "Connecting to {name}...",
-  connected: "Connected",
-  connected_to: "Connected to {name}",
-  disconnected: "Disconnected",
-  disconnected_from: "Disconnected from {name}",
-  something_went_wrong: "Something went wrong!",
-  error_occurred: "An error has occurred.",
-  browser_support_sse: "This browser doesn't seems to have Server Sent Events support.",
-  log: "Log",
-  no_url: "No URL",
-  run_query: "Run Query",
-  copy_query: "Copy Query",
-  kinda_dark: "Kinda Dark",
-  clearly_white: "Clearly White",
-  just_black: "Just Black",
-  auto_system: "Auto (system)",
-  green: "Green",
-  yellow: "Yellow",
-  pink: "Pink",
-  red: "Red",
-  purple: "Purple",
-  orange: "Orange",
-  cyan: "Cyan",
-  blue: "Blue",
-  loading: "Loading...",
-  fetching: "Fetching...",
-  waiting_send_req: "(waiting to send request)",
-  waiting_receive_response: "(waiting to receive response)",
-  waiting_receive_schema: "(waiting to receive schema)",
-  gql_prettify_invalid_query:
-    "Couldn't prettify an invalid query, solve query syntax errors and try again",
-  prettify_query: "Prettify Query",
-  cancel: "Cancel",
-  save: "Save",
-  dismiss: "Dismiss",
-  are_you_sure: "Are you sure?",
-  yes: "Yes",
-  no: "No",
-  restore: "Restore",
-  add_star: "Add star",
-  remove_star: "Remove star",
-  nothing_found: "Nothing found",
-  replace_current: "Replace current",
-  replace_json: "Replace with JSON",
-  preserve_current: "Preserve current",
-  import_json: "Import from JSON",
-  download_file: "Download file",
-  upload_file: "Upload file",
-  copy_response: "Copy response",
-  copy_code: "Copy code",
-  copy_schema: "Copy Schema",
-  use_request: "Use request",
-  documentation: "Documentation",
-  docs: "Docs",
-  reset_default: "Reset to default",
-  fields: "FIELDS",
-  deprecated: "DEPRECATED",
-  add_one_header: "(add at least one header)",
-  add_one_parameter: "(add at least one parameter)",
-  header_count: "header {count}",
-  parameter_count: "parameter {count}",
-  variable_count: "variable {count}",
-  value_count: "value {count}",
-  send_request_first: "Send a request first",
-  generate_docs: "Generate Documentation",
-  generate_docs_message: "Import any Postwoman Collection to Generate Documentation on-the-go.",
-  generate_docs_first: "Generate documentation first",
-  docs_generated: "Documentation generated",
-  import_collections: "Import collections",
-  optional: "(optional)",
-  json: "JSON",
-  none: "None",
-  username: "Username",
-  password: "Password",
-  token: "Token",
-  payload: "Payload",
-  choose_file: "Choose a file",
-  file_imported: "File imported",
-  import_failed: "Import failed",
-  f12_details: "(F12 for details)",
-  we_use_cookies: "We use cookies",
-  copied_to_clipboard: "Copied to clipboard",
-  finished_in: "Finished in {duration}ms",
-  check_console_details: "Check console for details.",
-  check_graphql_valid: "Check the URL to see if it is a valid GraphQL endpoint",
-  graphql_introspect_failed: "Failed fetching schema details.",
-  download_started: "Download started",
-  url_invalid_format: "URL is not formatted properly",
-  curl_invalid_format: "cURL is not formatted properly",
-  enable_proxy: "Try enabling Proxy",
-  complete_config_urls: "Please complete configuration urls.",
-  token_request_saved: "Token request saved",
-  donate_info1:
-    "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
-  donate_info2: "You can support Postwoman development via the following methods:",
-  one_time_recurring: "One-time or recurring",
-  one_time: "One-time",
-  recurring: "Recurring",
-  wiki: "Wiki",
-  error: "Error",
-  go_home: "Go Home",
-  reload: "Reload",
-  enter_curl: "Enter cURL",
-  empty: "Empty",
-  extensions: "Extensions",
-  extensions_use_toggle: "Use the browser extension to send requests (if present)",
-  extensions_info1: "Browser extension that simplifies access to Postwoman",
-  extensions_info2: "Get Postwoman browser extension!",
-  installed: "Installed",
-  login_with: "Login with",
-  logged_out: "Logged out",
-  login_success: "Successfully logged in",
-  logout: "Logout",
-  account: "Account",
-  scrollInto_use_toggle: "Auto scroll",
-  sync: "Sync",
-  turn_on: "Turn on",
-  login_first: "Login first",
-  paste_a_note: "Paste a note",
-  import_from_sync: "Import from Sync",
-  notes: "Notes",
-  socketio: "Socket.IO",
-  event_name: "Event Name",
-  mqtt: "MQTT",
-  mqtt_topic: "Topic",
-  mqtt_topic_title: "Publish / Subscribe topic",
-  mqtt_publish: "Publish",
-  mqtt_subscribe: "Subscribe",
-  mqtt_unsubscribe: "Unsubscribe",
-}
diff --git a/lang/en-US.json b/lang/en-US.json
new file mode 100644
index 000000000..fa4719a67
--- /dev/null
+++ b/lang/en-US.json
@@ -0,0 +1,286 @@
+{
+  "home": "Home",
+  "realtime": "Realtime",
+  "graphql": "GraphQL",
+  "settings": "Settings",
+  "request": "Request",
+  "install_pwa": "Install PWA",
+  "support_us": "Support us",
+  "tweet": "Tweet",
+  "options": "Options",
+  "communication": "Communication",
+  "endpoint": "Endpoint",
+  "schema": "Schema",
+  "theme": "Theme",
+  "subscribe": "Subscribe",
+  "choose_language": "Choose Language",
+  "shortcuts": "Shortcuts",
+  "send_request": "Send Request",
+  "save_to_collections": "Save to Collections",
+  "copy_request_link": "Copy Request Link",
+  "reset_request": "Reset Request",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "JavaScript Code",
+  "method": "Method",
+  "path": "Path",
+  "label": "Label",
+  "content_type": "Content Type",
+  "raw_input": "Raw input",
+  "parameter_list": "Parameter List",
+  "raw_request_body": "Raw Request Body",
+  "show_code": "Show Code",
+  "hide_code": "Hide Code",
+  "show_prerequest_script": "Show Pre-Request Script",
+  "hide_prerequest_script": "Hide Pre-Request Script",
+  "authentication": "Authentication",
+  "authentication_type": "Authentication type",
+  "include_in_url": "Include in URL",
+  "parameters": "Parameters",
+  "expand_response": "Expand response",
+  "collapse_response": "Collapse response",
+  "hide_preview": "Hide Preview",
+  "preview_html": "Preview HTML",
+  "history": "History",
+  "collections": "Collections",
+  "environments": "Environments",
+  "new_environment": "New Environment",
+  "my_new_environment": "My New Environment",
+  "edit_environment": "Edit Environment",
+  "env_variable_list": "Variable List",
+  "invalid_environment_name": "Please provide a valid name for the environment",
+  "use_environment": "Use Environment",
+  "add_one_variable": "(add at least one variable)",
+  "import_curl": "Import cURL",
+  "import": "Import",
+  "generate_code": "Generate code",
+  "request_type": "Request type",
+  "generated_code": "Generated code",
+  "status": "Status",
+  "headers": "Headers",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(waiting for connection)",
+  "message": "Message",
+  "sse": "SSE",
+  "server": "Server",
+  "events": "Events",
+  "url": "URL",
+  "get_schema": "Get schema",
+  "header_list": "Header list",
+  "add_new": "Add new",
+  "response": "Response",
+  "query": "Query",
+  "queries": "Queries",
+  "query_variables": "Variables",
+  "mutations": "Mutations",
+  "subscriptions": "Subscriptions",
+  "types": "Types",
+  "send": "Send",
+  "background": "Background",
+  "color": "Color",
+  "labels": "Labels",
+  "multi_color": "Multi-color",
+  "enabled": "Enabled",
+  "disabled": "Disabled",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Postwoman's Official Proxy is hosted by Apollo Software.",
+  "read_the": "Read the",
+  "apollosw_privacy_policy": "Apollo Software privacy policy",
+  "contact_us": "Contact us",
+  "connect": "Connect",
+  "disconnect": "Disconnect",
+  "start": "Start",
+  "stop": "Stop",
+  "access_token": "Access Token",
+  "token_list": "Token List",
+  "get_token": "Get New Token",
+  "manage_token": "Manage Access Token",
+  "save_token": "Save Access Token",
+  "use_token": "Use Saved Token",
+  "request_token": "Request Token",
+  "save_token_req": "Save Token Request",
+  "manage_token_req": "Manage Token Request",
+  "use_token_req": "Use Token Request",
+  "token_req_name": "Request Name",
+  "token_req_details": "Request Details",
+  "token_name": "Token Name",
+  "oidc_discovery_url": "OIDC Discovery URL",
+  "auth_url": "Auth URL",
+  "access_token_url": "Access Token URL",
+  "client_id": "Client ID",
+  "scope": "Scope",
+  "state": "State",
+  "token_req_list": "Token Request List",
+  "no_path": "No path",
+  "no_label": "No label",
+  "prerequest_script": "Pre-Request Script",
+  "no_prerequest_script": "No pre-request script",
+  "search": "Search",
+  "history_empty": "History is empty",
+  "history_deleted": "History Deleted",
+  "clear": "Clear",
+  "clear_all": "Clear All",
+  "cleared": "Cleared",
+  "close": "Close",
+  "sort": "Sort",
+  "time": "Time",
+  "duration": "Duration",
+  "no_duration": "No duration",
+  "show_more": "Show more",
+  "hide_more": "Hide more",
+  "collection": "Collection",
+  "current_collection": "Current Collection",
+  "select_collection": "Select a Collection",
+  "create_collection": "Create a Collection",
+  "new": "New",
+  "import_export": "Import / Export",
+  "more": "More",
+  "folder": "Folder",
+  "new_folder": "New Folder",
+  "my_new_folder": "My New Folder",
+  "folder_empty": "Folder is empty",
+  "edit_folder": "Edit Folder",
+  "edit": "Edit",
+  "delete": "Delete",
+  "deleted": "Deleted",
+  "undo": "Undo",
+  "collection_empty": "Collection is empty",
+  "invalid_collection_name": "Please provide a valid name for the collection",
+  "new_collection": "New Collection",
+  "my_new_collection": "My New Collection",
+  "edit_collection": "Edit Collection",
+  "edit_request": "Edit Request",
+  "save_request_as": "Save Request As",
+  "export": "Export",
+  "connecting_to": "Connecting to {name}...",
+  "connected": "Connected",
+  "connected_to": "Connected to {name}",
+  "disconnected": "Disconnected",
+  "disconnected_from": "Disconnected from {name}",
+  "something_went_wrong": "Something went wrong!",
+  "error_occurred": "An error has occurred.",
+  "browser_support_sse": "This browser doesn't seems to have Server Sent Events support.",
+  "log": "Log",
+  "no_url": "No URL",
+  "run_query": "Run Query",
+  "copy_query": "Copy Query",
+  "kinda_dark": "Kinda Dark",
+  "clearly_white": "Clearly White",
+  "just_black": "Just Black",
+  "auto_system": "Auto (system)",
+  "green": "Green",
+  "yellow": "Yellow",
+  "pink": "Pink",
+  "red": "Red",
+  "purple": "Purple",
+  "orange": "Orange",
+  "cyan": "Cyan",
+  "blue": "Blue",
+  "loading": "Loading...",
+  "fetching": "Fetching...",
+  "waiting_send_req": "(waiting to send request)",
+  "waiting_receive_response": "(waiting to receive response)",
+  "waiting_receive_schema": "(waiting to receive schema)",
+  "gql_prettify_invalid_query": "Couldn't prettify an invalid query, solve query syntax errors and try again",
+  "prettify_query": "Prettify Query",
+  "cancel": "Cancel",
+  "save": "Save",
+  "dismiss": "Dismiss",
+  "are_you_sure": "Are you sure?",
+  "yes": "Yes",
+  "no": "No",
+  "restore": "Restore",
+  "add_star": "Add star",
+  "remove_star": "Remove star",
+  "nothing_found": "Nothing found",
+  "replace_current": "Replace current",
+  "replace_json": "Replace with JSON",
+  "preserve_current": "Preserve current",
+  "import_json": "Import from JSON",
+  "download_file": "Download file",
+  "upload_file": "Upload file",
+  "copy_response": "Copy response",
+  "copy_code": "Copy code",
+  "copy_schema": "Copy Schema",
+  "use_request": "Use request",
+  "documentation": "Documentation",
+  "docs": "Docs",
+  "reset_default": "Reset to default",
+  "fields": "FIELDS",
+  "deprecated": "DEPRECATED",
+  "add_one_header": "(add at least one header)",
+  "add_one_parameter": "(add at least one parameter)",
+  "header_count": "header {count}",
+  "parameter_count": "parameter {count}",
+  "variable_count": "variable {count}",
+  "value_count": "value {count}",
+  "send_request_first": "Send a request first",
+  "generate_docs": "Generate Documentation",
+  "generate_docs_message": "Import any Postwoman Collection to Generate Documentation on-the-go.",
+  "generate_docs_first": "Generate documentation first",
+  "docs_generated": "Documentation generated",
+  "import_collections": "Import collections",
+  "optional": "(optional)",
+  "json": "JSON",
+  "none": "None",
+  "username": "Username",
+  "password": "Password",
+  "token": "Token",
+  "payload": "Payload",
+  "choose_file": "Choose a file",
+  "file_imported": "File imported",
+  "import_failed": "Import failed",
+  "f12_details": "(F12 for details)",
+  "we_use_cookies": "We use cookies",
+  "copied_to_clipboard": "Copied to clipboard",
+  "finished_in": "Finished in {duration}ms",
+  "check_console_details": "Check console for details.",
+  "check_graphql_valid": "Check the URL to see if it is a valid GraphQL endpoint",
+  "graphql_introspect_failed": "Failed fetching schema details.",
+  "download_started": "Download started",
+  "url_invalid_format": "URL is not formatted properly",
+  "curl_invalid_format": "cURL is not formatted properly",
+  "enable_proxy": "Try enabling Proxy",
+  "complete_config_urls": "Please complete configuration urls.",
+  "token_request_saved": "Token request saved",
+  "donate_info1": "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
+  "donate_info2": "You can support Postwoman development via the following methods:",
+  "one_time_recurring": "One-time or recurring",
+  "one_time": "One-time",
+  "recurring": "Recurring",
+  "wiki": "Wiki",
+  "error": "Error",
+  "go_home": "Go Home",
+  "reload": "Reload",
+  "enter_curl": "Enter cURL",
+  "empty": "Empty",
+  "extensions": "Extensions",
+  "extensions_use_toggle": "Use the browser extension to send requests (if present)",
+  "extensions_info1": "Browser extension that simplifies access to Postwoman",
+  "extensions_info2": "Get Postwoman browser extension!",
+  "installed": "Installed",
+  "login_with": "Login with",
+  "logged_out": "Logged out",
+  "login_success": "Successfully logged in",
+  "logout": "Logout",
+  "account": "Account",
+  "scrollInto_use_toggle": "Auto scroll",
+  "sync": "Sync",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments",
+  "turn_on": "Turn on",
+  "login_first": "Login first",
+  "paste_a_note": "Paste a note",
+  "import_from_sync": "Import from Sync",
+  "notes": "Notes",
+  "socketio": "Socket.IO",
+  "event_name": "Event Name",
+  "mqtt": "MQTT",
+  "mqtt_topic": "Topic",
+  "mqtt_topic_title": "Publish / Subscribe topic",
+  "mqtt_publish": "Publish",
+  "mqtt_subscribe": "Subscribe",
+  "mqtt_unsubscribe": "Unsubscribe"
+}
diff --git a/lang/es-ES.js b/lang/es-ES.js
deleted file mode 100644
index cdcee1627..000000000
--- a/lang/es-ES.js
+++ /dev/null
@@ -1,262 +0,0 @@
-export default {
-  home: "Inicio",
-  realtime: "Tiempo real",
-  graphql: "GraphQL",
-  settings: "Ajustes",
-  request: "Petición",
-  install_pwa: "Instalar PWA",
-  support_us: "Ayúdanos",
-  tweet: "Tweet",
-  options: "Opciones",
-  communication: "Comunicación",
-  endpoint: "Endpoint",
-  schema: "Esquema",
-  theme: "Tema",
-  subscribe: "Subscribirse",
-  choose_language: "Seleccione un idioma",
-  shortcuts: "Atajos",
-  send_request: "Enviar petición",
-  save_to_collections: "Guardar en las Colecciones",
-  copy_request_link: "Copiar enlace de la petición",
-  reset_request: "Reiniciar Petición",
-  support_us_on: "Ayúdanos en",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "Código JavaScript",
-  method: "Método",
-  path: "Ruta",
-  label: "Etiqueta",
-  again: "De nuevo",
-  content_type: "Tipo de Contenido",
-  raw_input: "Datos sin Procesar",
-  parameter_list: "Lista de Parámetros",
-  raw_request_body: "Cuerpo de la Solicitud sin Procesar",
-  show_code: "Mostrar el código",
-  hide_code: "Ocultar el código",
-  show_prerequest_script: "Mostrar Script pre solicitud",
-  hide_prerequest_script: "Ocultar Script pre solicitud",
-  authentication: "Autenticación",
-  authentication_type: "Tipo de autenticación",
-  include_in_url: "Incluir en el URL",
-  parameters: "Parámetros",
-  expand_response: "Ampliar Respuesta",
-  collapse_response: "Contraer Respuesta",
-  hide_preview: "Ocultar la vista previa",
-  preview_html: "Vista Previa del HTML",
-  history: "Historial",
-  collections: "Colecciones",
-  import_curl: "Importar cURL",
-  import: "Importar",
-  generate_code: "Generar código",
-  request_type: "Tipo de Petición",
-  generated_code: "Código Generado",
-  status: "Estado",
-  headers: "Cabeceras",
-  websocket: "WebSocket",
-  waiting_for_connection: "(esperando por conexión)",
-  message: "Mensaje",
-  sse: "SSE",
-  server: "Servidor",
-  events: "Eventos",
-  url: "URL",
-  get_schema: "Obtener esquema",
-  header_list: "Lista de Cabeceras",
-  add_new: "Agregar nuevo",
-  response: "Respuesta",
-  query: "Consulta",
-  queries: "Consultas",
-  query_variables: "Variables",
-  mutations: "Mutaciones",
-  subscriptions: "Subscripciones",
-  types: "Tipos",
-  send: "Enviar",
-  background: "Fondo",
-  color: "Color",
-  labels: "Etiquetas",
-  multi_color: "Multicolor",
-  enabled: "Habilitado",
-  disabled: "Deshabilitado",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Proxy Oficial de Postwoman está hospedado en Apollo Software.",
-  read_the: "Leer la",
-  apollosw_privacy_policy: "Política de Privacidad de Apollo Software",
-  contact_us: "Contáctenos",
-  connect: "Conectar",
-  disconnect: "Desconectar",
-  start: "Comienzo",
-  stop: "Detener",
-  access_token: "Token de acceso",
-  token_list: "Lista de token",
-  get_token: "Obtener un nuevo token",
-  manage_token: "Gestionar el token de acceso",
-  save_token: "Guardar el token de acceso",
-  use_token: "Usar token guardado",
-  request_token: "Petición del token",
-  save_token_req: "Guardar la petición del token",
-  manage_token_req: "Gestionar la petición del token",
-  use_token_req: "Usar el token de la petición",
-  token_req_name: "Nombre de la petición",
-  token_req_details: "Petición de detalles",
-  token_name: "Nombre del token",
-  oidc_discovery_url: "URL de descubrimiento de OIDC",
-  auth_url: "URL de autenticación",
-  access_token_url: "URL de token de acceso",
-  client_id: "ID del cliente",
-  scope: "Alcance",
-  state: "Estado",
-  token_req_list: "Lista de solicitud de token",
-  no_path: "Sin ruta",
-  no_label: "Sin etiqueta",
-  prerequest_script: "Pre-Request Script",
-  no_prerequest_script: "Script sin pre-requisito",
-  search: "buscar historial",
-  history_empty: "Historial vacío",
-  history_deleted: "Historial borrado",
-  clear: "Limpiar",
-  clear_all: "Limpiar todo",
-  cleared: "Limpiado",
-  close: "Cerrar",
-  sort: "Ordenar",
-  time: "Tiempo",
-  duration: "Duración",
-  no_duration: "Sin duración",
-  show_more: "Mostrar más",
-  hide_more: "Ocultar más",
-  collection: "Colección",
-  current_collection: "Actual colección",
-  select_collection: "Seleccionar una colección",
-  create_collection: "Crear una colección",
-  new: "Nuevo",
-  import_export: "Importar / Exportar",
-  more: "Más",
-  folder: "Directorio",
-  new_folder: "Nuevo directorio",
-  my_new_folder: "Mi nuevo directorio",
-  folder_empty: "Directorio vacío",
-  edit_folder: "Editar directorio",
-  edit: "Editar",
-  delete: "Borrar",
-  deleted: "Borrado",
-  undo: "Deshacer",
-  collection_empty: "Colección vacía",
-  new_collection: "Nueva colección",
-  my_new_collection: "Mi nueva colección",
-  edit_collection: "Editar colección",
-  edit_request: "Editar petición",
-  save_request_as: "Guardar petición como",
-  export: "Exportar",
-  connecting_to: "Conectando a {name}...",
-  connected: "Conectado",
-  connected_to: "Conectado a {name}",
-  disconnected: "Desconectado",
-  disconnected_from: "Desconectado desde {name}",
-  something_went_wrong: "Algo ha salido mal!",
-  error_occurred: "Ha ocurrido un error.",
-  browser_support_sse:
-    "Este navegador parace no tener soporte a los eventos enviados desde el servidor.",
-  log: "Bitácora",
-  no_url: "Sin URL",
-  run_query: "Ejecutar consulta",
-  copy_query: "Copiar consulta",
-  kinda_dark: "Un poco oscúro",
-  clearly_white: "Claramento blanco",
-  just_black: "Solo Negro",
-  auto_system: "Autenticación (sistema)",
-  green: "Verde",
-  yellow: "Amarillo",
-  pink: "Rosado",
-  red: "Rojo",
-  purple: "Púrpura",
-  orange: "Anaranjado",
-  cyan: "Cian",
-  blue: "Azul",
-  loading: "Cargando...",
-  fetching: "Recuperando...",
-  waiting_send_req: "(esperando para enviar la petición)",
-  cancel: "Cancelar",
-  save: "Guardar",
-  dismiss: "Descartar",
-  are_you_sure: "Está seguro?",
-  yes: "Sí",
-  no: "No",
-  restore: "Restaurar",
-  add_star: "Agregar estrella",
-  remove_star: "Eliminar estrella",
-  nothing_found: "No se encontró nada",
-  replace_current: "Reemplaza el actual",
-  replace_json: "Reemplazar con JSON",
-  preserve_current: "Preservar el actual",
-  import_json: "Importar desde JSON",
-  download_file: "Descargar archivo",
-  upload_file: "Cargar archivo",
-  copy_response: "Copiar respuesta",
-  copy_code: "Copiar codigo",
-  copy_schema: "Copiar Esquema",
-  use_request: "Usar la petición",
-  documentation: "Documentación",
-  docs: "Documentos",
-  reset_default: "Reiniciar valores por defecto",
-  fields: "CAMPOS",
-  deprecated: "OBSOLETO",
-  add_one_header: "(agregar al menos una cabecera)",
-  add_one_parameter: "(agregar al menos un parámetro)",
-  header_count: "cabecera {count}",
-  parameter_count: "parámetro {count}",
-  variable_count: "variable {count}",
-  value_count: "valor {count}",
-  send_request_first: "Enviar primero la petición",
-  generate_docs: "Generar la Documentación",
-  generate_docs_message:
-    "Importar cualquier Colección de Postwoman para Generar la Documentación sobre la marcha.",
-  generate_docs_first: "Generar primero la documentación",
-  docs_generated: "Documentación generada",
-  import_collections: "Importar colecciones",
-  optional: "(opcional)",
-  json: "JSON",
-  none: "Nada",
-  username: "Nombre de usuario",
-  password: "Contrasaeña",
-  token: "Token",
-  payload: "Carga",
-  choose_file: "Seleccione un archivo",
-  file_imported: "Archivo imporado",
-  f12_details: "(F12 para ver detalles)",
-  we_use_cookies: "Usamos las cookies",
-  copied_to_clipboard: "Copiado al portapapeles",
-  finished_in: "Terminado en {duration}ms",
-  check_console_details: "Verifique la consola para más detalles.",
-  download_started: "Inició la descarga",
-  url_invalid_format: "La URL no está formateado apropiadamente",
-  curl_invalid_format: "El cURL no está formateado apropiadamente",
-  enable_proxy: "Pruebe habilitando el Proxy",
-  complete_config_urls: "Por favor, termine la configuración de las urls.",
-  token_request_saved: "La petición de tToken ha sido guardada",
-  donate_info1:
-    "Si le ha gustado su productividad usando Postwoman, considere hacer una donación como un signo de su apreciación.",
-  donate_info2: "Puede ayudar al desarrollo de Postwoman mediante los siguientes métodos:",
-  one_time_recurring: "Una vez o recurrente",
-  one_time: "Una vez",
-  recurring: "Recurrente",
-  wiki: "Wiki",
-  error: "Error",
-  go_home: "Ir al inicio",
-  reload: "Recargar",
-  enter_curl: "Intruduzca cURL",
-  empty: "Vacío",
-  extensions: "Extensiones",
-  extensions_info1: "Extensión del navegador que simplifica el acceso a Postwoman",
-  extensions_info2: "Obtener la extensión del navegador de Postwoman!",
-  installed: "Instalado",
-  login_with: "Iniciar sesión con",
-  logged_out: "Sesión cerreda",
-  logout: "Cerrar sesión",
-  account: "Cuenta",
-  sync: "Sync",
-  syncHistory: "Historial",
-  syncCollections: "Colecciones",
-  turn_on: "Encender",
-  login_first: "Inicie sesión primero",
-  paste_a_collection: "Pegar una Colección",
-  import_from_sync: "Importar desde Sync",
-}
diff --git a/lang/es-ES.json b/lang/es-ES.json
new file mode 100644
index 000000000..2a8f2be60
--- /dev/null
+++ b/lang/es-ES.json
@@ -0,0 +1,260 @@
+{
+  "home": "Inicio",
+  "realtime": "Tiempo real",
+  "graphql": "GraphQL",
+  "settings": "Ajustes",
+  "request": "Petición",
+  "install_pwa": "Instalar PWA",
+  "support_us": "Ayúdanos",
+  "tweet": "Tweet",
+  "options": "Opciones",
+  "communication": "Comunicación",
+  "endpoint": "Endpoint",
+  "schema": "Esquema",
+  "theme": "Tema",
+  "subscribe": "Subscribirse",
+  "choose_language": "Seleccione un idioma",
+  "shortcuts": "Atajos",
+  "send_request": "Enviar petición",
+  "save_to_collections": "Guardar en las Colecciones",
+  "copy_request_link": "Copiar enlace de la petición",
+  "reset_request": "Reiniciar Petición",
+  "support_us_on": "Ayúdanos en",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "Código JavaScript",
+  "method": "Método",
+  "path": "Ruta",
+  "label": "Etiqueta",
+  "again": "De nuevo",
+  "content_type": "Tipo de Contenido",
+  "raw_input": "Datos sin Procesar",
+  "parameter_list": "Lista de Parámetros",
+  "raw_request_body": "Cuerpo de la Solicitud sin Procesar",
+  "show_code": "Mostrar el código",
+  "hide_code": "Ocultar el código",
+  "show_prerequest_script": "Mostrar Script pre solicitud",
+  "hide_prerequest_script": "Ocultar Script pre solicitud",
+  "authentication": "Autenticación",
+  "authentication_type": "Tipo de autenticación",
+  "include_in_url": "Incluir en el URL",
+  "parameters": "Parámetros",
+  "expand_response": "Ampliar Respuesta",
+  "collapse_response": "Contraer Respuesta",
+  "hide_preview": "Ocultar la vista previa",
+  "preview_html": "Vista Previa del HTML",
+  "history": "Historial",
+  "collections": "Colecciones",
+  "import_curl": "Importar cURL",
+  "import": "Importar",
+  "generate_code": "Generar código",
+  "request_type": "Tipo de Petición",
+  "generated_code": "Código Generado",
+  "status": "Estado",
+  "headers": "Cabeceras",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(esperando por conexión)",
+  "message": "Mensaje",
+  "sse": "SSE",
+  "server": "Servidor",
+  "events": "Eventos",
+  "url": "URL",
+  "get_schema": "Obtener esquema",
+  "header_list": "Lista de Cabeceras",
+  "add_new": "Agregar nuevo",
+  "response": "Respuesta",
+  "query": "Consulta",
+  "queries": "Consultas",
+  "query_variables": "Variables",
+  "mutations": "Mutaciones",
+  "subscriptions": "Subscripciones",
+  "types": "Tipos",
+  "send": "Enviar",
+  "background": "Fondo",
+  "color": "Color",
+  "labels": "Etiquetas",
+  "multi_color": "Multicolor",
+  "enabled": "Habilitado",
+  "disabled": "Deshabilitado",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Proxy Oficial de Postwoman está hospedado en Apollo Software.",
+  "read_the": "Leer la",
+  "apollosw_privacy_policy": "Política de Privacidad de Apollo Software",
+  "contact_us": "Contáctenos",
+  "connect": "Conectar",
+  "disconnect": "Desconectar",
+  "start": "Comienzo",
+  "stop": "Detener",
+  "access_token": "Token de acceso",
+  "token_list": "Lista de token",
+  "get_token": "Obtener un nuevo token",
+  "manage_token": "Gestionar el token de acceso",
+  "save_token": "Guardar el token de acceso",
+  "use_token": "Usar token guardado",
+  "request_token": "Petición del token",
+  "save_token_req": "Guardar la petición del token",
+  "manage_token_req": "Gestionar la petición del token",
+  "use_token_req": "Usar el token de la petición",
+  "token_req_name": "Nombre de la petición",
+  "token_req_details": "Petición de detalles",
+  "token_name": "Nombre del token",
+  "oidc_discovery_url": "URL de descubrimiento de OIDC",
+  "auth_url": "URL de autenticación",
+  "access_token_url": "URL de token de acceso",
+  "client_id": "ID del cliente",
+  "scope": "Alcance",
+  "state": "Estado",
+  "token_req_list": "Lista de solicitud de token",
+  "no_path": "Sin ruta",
+  "no_label": "Sin etiqueta",
+  "prerequest_script": "Pre-Request Script",
+  "no_prerequest_script": "Script sin pre-requisito",
+  "search": "buscar historial",
+  "history_empty": "Historial vacío",
+  "history_deleted": "Historial borrado",
+  "clear": "Limpiar",
+  "clear_all": "Limpiar todo",
+  "cleared": "Limpiado",
+  "close": "Cerrar",
+  "sort": "Ordenar",
+  "time": "Tiempo",
+  "duration": "Duración",
+  "no_duration": "Sin duración",
+  "show_more": "Mostrar más",
+  "hide_more": "Ocultar más",
+  "collection": "Colección",
+  "current_collection": "Actual colección",
+  "select_collection": "Seleccionar una colección",
+  "create_collection": "Crear una colección",
+  "new": "Nuevo",
+  "import_export": "Importar / Exportar",
+  "more": "Más",
+  "folder": "Directorio",
+  "new_folder": "Nuevo directorio",
+  "my_new_folder": "Mi nuevo directorio",
+  "folder_empty": "Directorio vacío",
+  "edit_folder": "Editar directorio",
+  "edit": "Editar",
+  "delete": "Borrar",
+  "deleted": "Borrado",
+  "undo": "Deshacer",
+  "collection_empty": "Colección vacía",
+  "new_collection": "Nueva colección",
+  "my_new_collection": "Mi nueva colección",
+  "edit_collection": "Editar colección",
+  "edit_request": "Editar petición",
+  "save_request_as": "Guardar petición como",
+  "export": "Exportar",
+  "connecting_to": "Conectando a {name}...",
+  "connected": "Conectado",
+  "connected_to": "Conectado a {name}",
+  "disconnected": "Desconectado",
+  "disconnected_from": "Desconectado desde {name}",
+  "something_went_wrong": "Algo ha salido mal!",
+  "error_occurred": "Ha ocurrido un error.",
+  "browser_support_sse": "Este navegador parace no tener soporte a los eventos enviados desde el servidor.",
+  "log": "Bitácora",
+  "no_url": "Sin URL",
+  "run_query": "Ejecutar consulta",
+  "copy_query": "Copiar consulta",
+  "kinda_dark": "Un poco oscúro",
+  "clearly_white": "Claramento blanco",
+  "just_black": "Solo Negro",
+  "auto_system": "Autenticación (sistema)",
+  "green": "Verde",
+  "yellow": "Amarillo",
+  "pink": "Rosado",
+  "red": "Rojo",
+  "purple": "Púrpura",
+  "orange": "Anaranjado",
+  "cyan": "Cian",
+  "blue": "Azul",
+  "loading": "Cargando...",
+  "fetching": "Recuperando...",
+  "waiting_send_req": "(esperando para enviar la petición)",
+  "cancel": "Cancelar",
+  "save": "Guardar",
+  "dismiss": "Descartar",
+  "are_you_sure": "Está seguro?",
+  "yes": "Sí",
+  "no": "No",
+  "restore": "Restaurar",
+  "add_star": "Agregar estrella",
+  "remove_star": "Eliminar estrella",
+  "nothing_found": "No se encontró nada",
+  "replace_current": "Reemplaza el actual",
+  "replace_json": "Reemplazar con JSON",
+  "preserve_current": "Preservar el actual",
+  "import_json": "Importar desde JSON",
+  "download_file": "Descargar archivo",
+  "upload_file": "Cargar archivo",
+  "copy_response": "Copiar respuesta",
+  "copy_code": "Copiar codigo",
+  "copy_schema": "Copiar Esquema",
+  "use_request": "Usar la petición",
+  "documentation": "Documentación",
+  "docs": "Documentos",
+  "reset_default": "Reiniciar valores por defecto",
+  "fields": "CAMPOS",
+  "deprecated": "OBSOLETO",
+  "add_one_header": "(agregar al menos una cabecera)",
+  "add_one_parameter": "(agregar al menos un parámetro)",
+  "header_count": "cabecera {count}",
+  "parameter_count": "parámetro {count}",
+  "variable_count": "variable {count}",
+  "value_count": "valor {count}",
+  "send_request_first": "Enviar primero la petición",
+  "generate_docs": "Generar la Documentación",
+  "generate_docs_message": "Importar cualquier Colección de Postwoman para Generar la Documentación sobre la marcha.",
+  "generate_docs_first": "Generar primero la documentación",
+  "docs_generated": "Documentación generada",
+  "import_collections": "Importar colecciones",
+  "optional": "(opcional)",
+  "json": "JSON",
+  "none": "Nada",
+  "username": "Nombre de usuario",
+  "password": "Contrasaeña",
+  "token": "Token",
+  "payload": "Carga",
+  "choose_file": "Seleccione un archivo",
+  "file_imported": "Archivo imporado",
+  "f12_details": "(F12 para ver detalles)",
+  "we_use_cookies": "Usamos las cookies",
+  "copied_to_clipboard": "Copiado al portapapeles",
+  "finished_in": "Terminado en {duration}ms",
+  "check_console_details": "Verifique la consola para más detalles.",
+  "download_started": "Inició la descarga",
+  "url_invalid_format": "La URL no está formateado apropiadamente",
+  "curl_invalid_format": "El cURL no está formateado apropiadamente",
+  "enable_proxy": "Pruebe habilitando el Proxy",
+  "complete_config_urls": "Por favor, termine la configuración de las urls.",
+  "token_request_saved": "La petición de tToken ha sido guardada",
+  "donate_info1": "Si le ha gustado su productividad usando Postwoman, considere hacer una donación como un signo de su apreciación.",
+  "donate_info2": "Puede ayudar al desarrollo de Postwoman mediante los siguientes métodos:",
+  "one_time_recurring": "Una vez o recurrente",
+  "one_time": "Una vez",
+  "recurring": "Recurrente",
+  "wiki": "Wiki",
+  "error": "Error",
+  "go_home": "Ir al inicio",
+  "reload": "Recargar",
+  "enter_curl": "Intruduzca cURL",
+  "empty": "Vacío",
+  "extensions": "Extensiones",
+  "extensions_info1": "Extensión del navegador que simplifica el acceso a Postwoman",
+  "extensions_info2": "Obtener la extensión del navegador de Postwoman!",
+  "installed": "Instalado",
+  "login_with": "Iniciar sesión con",
+  "logged_out": "Sesión cerreda",
+  "logout": "Cerrar sesión",
+  "account": "Cuenta",
+  "sync": "Sync",
+  "syncHistory": "Historial",
+  "syncCollections": "Colecciones",
+  "syncEnvironments": "Environments",
+  "turn_on": "Encender",
+  "login_first": "Inicie sesión primero",
+  "paste_a_collection": "Pegar una Colección",
+  "import_from_sync": "Importar desde Sync"
+}
diff --git a/lang/fa-IR.js b/lang/fa-IR.js
deleted file mode 100644
index 4738d9c3a..000000000
--- a/lang/fa-IR.js
+++ /dev/null
@@ -1,89 +0,0 @@
-export default {
-  home: "خانه",
-  realtime: "بلادرنگ",
-  graphql: "GraphQL",
-  settings: "تنظیمات",
-  request: "درخواست",
-  install_pwa: "نصب PWA",
-  support_us: "از ما حمایت کنید",
-  tweet: "Tweet",
-  options: "گزینه‌ها",
-  communication: "ارتباط",
-  endpoint: "Endpoint",
-  schema: "Schema",
-  theme: "پوسته",
-  subscribe: "اشتراک",
-  choose_language: "تغییر زبان",
-  shortcuts: "میانبرها",
-  send_request: "ارسال درخواست",
-  save_to_collections: "ذخیره در کلکسیون",
-  copy_request_link: "کپی لینک درخواست",
-  reset_request: "بازنشانی درخواست",
-  support_us_on: "حمایت از ما از طریق",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "کد JavaScript",
-  method: "متد",
-  path: "مسیر",
-  label: "برچسب",
-  again: "دوباره",
-  content_type: "Content Type",
-  raw_input: "ورودی raw",
-  parameter_list: "لیست پارامترها",
-  raw_request_body: "Raw Request Body",
-  show_code: "نمایش کد",
-  hide_code: "عدم نمایش کد",
-  show_prerequest_script: "Show Pre-Request Script",
-  hide_prerequest_script: "Hide Pre-Request Script",
-  authentication: "Authentication",
-  authentication_type: "Authentication type",
-  include_in_url: "در URL گنجانده شود",
-  parameters: "پارامترها",
-  expand_response: "نمایش کامل پاسخ",
-  collapse_response: "نمایش مختصر پاسخ",
-  hide_preview: "مخفی کردن نمایش",
-  preview_html: "نمایش HTML",
-  history: "تاریخچه",
-  collections: "کلکسیون",
-  import_curl: "وارد کردن cURL",
-  import: "وارد کردن",
-  generate_code: "تولید کد",
-  request_type: "Request type",
-  generated_code: "کد تولید شده",
-  status: "Status",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(منتظر برقراری اتصال)",
-  message: "پیام",
-  sse: "SSE",
-  server: "سرور",
-  events: "رویداد",
-  url: "URL",
-  get_schema: "دریافت Schema",
-  header_list: "لیست Header",
-  add_new: "افزودن",
-  response: "Response",
-  query: "Query",
-  queries: "Queries",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Subscriptions",
-  types: "Types",
-  send: "ارسال",
-  background: "پس زمینه",
-  color: "رنگ",
-  labels: "برچسب‌ها",
-  multi_color: "چند رنگی",
-  enabled: "فعال",
-  disabled: "غیر فعال",
-  proxy: "پراکسی",
-  postwoman_official_proxy_hosting: "پراکسی Postwoman  برروی هاست Apollo Software قرار دارد.",
-  read_the: "بخوانید",
-  apollosw_privacy_policy: "خط مشی رازداری Apollo Software",
-  contact_us: "Contact us",
-  connect: "Connect",
-  disconnect: "Disconnect",
-  start: "Start",
-  stop: "Stop",
-}
diff --git a/lang/fa-IR.json b/lang/fa-IR.json
new file mode 100644
index 000000000..49b4482f9
--- /dev/null
+++ b/lang/fa-IR.json
@@ -0,0 +1,92 @@
+{
+  "home": "خانه",
+  "realtime": "بلادرنگ",
+  "graphql": "GraphQL",
+  "settings": "تنظیمات",
+  "request": "درخواست",
+  "install_pwa": "نصب PWA",
+  "support_us": "از ما حمایت کنید",
+  "tweet": "Tweet",
+  "options": "گزینه‌ها",
+  "communication": "ارتباط",
+  "endpoint": "Endpoint",
+  "schema": "Schema",
+  "theme": "پوسته",
+  "subscribe": "اشتراک",
+  "choose_language": "تغییر زبان",
+  "shortcuts": "میانبرها",
+  "send_request": "ارسال درخواست",
+  "save_to_collections": "ذخیره در کلکسیون",
+  "copy_request_link": "کپی لینک درخواست",
+  "reset_request": "بازنشانی درخواست",
+  "support_us_on": "حمایت از ما از طریق",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "کد JavaScript",
+  "method": "متد",
+  "path": "مسیر",
+  "label": "برچسب",
+  "again": "دوباره",
+  "content_type": "Content Type",
+  "raw_input": "ورودی raw",
+  "parameter_list": "لیست پارامترها",
+  "raw_request_body": "Raw Request Body",
+  "show_code": "نمایش کد",
+  "hide_code": "عدم نمایش کد",
+  "show_prerequest_script": "Show Pre-Request Script",
+  "hide_prerequest_script": "Hide Pre-Request Script",
+  "authentication": "Authentication",
+  "authentication_type": "Authentication type",
+  "include_in_url": "در URL گنجانده شود",
+  "parameters": "پارامترها",
+  "expand_response": "نمایش کامل پاسخ",
+  "collapse_response": "نمایش مختصر پاسخ",
+  "hide_preview": "مخفی کردن نمایش",
+  "preview_html": "نمایش HTML",
+  "history": "تاریخچه",
+  "collections": "کلکسیون",
+  "import_curl": "وارد کردن cURL",
+  "import": "وارد کردن",
+  "generate_code": "تولید کد",
+  "request_type": "Request type",
+  "generated_code": "کد تولید شده",
+  "status": "Status",
+  "headers": "Headers",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(منتظر برقراری اتصال)",
+  "message": "پیام",
+  "sse": "SSE",
+  "server": "سرور",
+  "events": "رویداد",
+  "url": "URL",
+  "get_schema": "دریافت Schema",
+  "header_list": "لیست Header",
+  "add_new": "افزودن",
+  "response": "Response",
+  "query": "Query",
+  "queries": "Queries",
+  "query_variables": "Variables",
+  "mutations": "Mutations",
+  "subscriptions": "Subscriptions",
+  "types": "Types",
+  "send": "ارسال",
+  "background": "پس زمینه",
+  "color": "رنگ",
+  "labels": "برچسب‌ها",
+  "multi_color": "چند رنگی",
+  "enabled": "فعال",
+  "disabled": "غیر فعال",
+  "proxy": "پراکسی",
+  "postwoman_official_proxy_hosting": "پراکسی Postwoman  برروی هاست Apollo Software قرار دارد.",
+  "read_the": "بخوانید",
+  "apollosw_privacy_policy": "خط مشی رازداری Apollo Software",
+  "contact_us": "Contact us",
+  "connect": "Connect",
+  "disconnect": "Disconnect",
+  "start": "Start",
+  "stop": "Stop",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/lang/fr-FR.js b/lang/fr-FR.js
deleted file mode 100644
index b801b4a5d..000000000
--- a/lang/fr-FR.js
+++ /dev/null
@@ -1,262 +0,0 @@
-export default {
-  home: "Accueil",
-  realtime: "Temps réel",
-  graphql: "GraphQL",
-  settings: "Paramètres",
-  request: "Request",
-  install_pwa: "Installer la PWA",
-  support_us: "Nous supporter",
-  tweet: "Tweeter",
-  options: "Options",
-  communication: "Communication",
-  endpoint: "Endpoint",
-  schema: "Schéma",
-  theme: "Thème",
-  subscribe: "S'inscrire",
-  choose_language: "Sélectionner une langue",
-  shortcuts: "Raccourcis",
-  send_request: "Envoyer la requête",
-  save_to_collections: "Sauvegarder dans les collections",
-  copy_request_link: "Copier le lien de la requête",
-  reset_request: "Réinitialiser la requête",
-  support_us_on: "Supportez-nous sur",
-  open_collective: "Ouvrir Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "Code JavaScript",
-  method: "Méthode",
-  path: "Chemin d'accès",
-  label: "Libellé",
-  again: "Réessayer",
-  content_type: "Type de contenu",
-  raw_input: "Texte brut",
-  parameter_list: "Liste des paramètres",
-  raw_request_body: "Corps de la requête en texte brut",
-  show_code: "Afficher le code",
-  hide_code: "Masquer le code",
-  show_prerequest_script: "Afficher le script de pré-requête",
-  hide_prerequest_script: "Masquer le script de pré-requête",
-  authentication: "Authentification",
-  authentication_type: "Type d'authentification",
-  include_in_url: "Inclure dans l'URL",
-  parameters: "Paramètres",
-  expand_response: "Agrandir la réponse",
-  collapse_response: "Réduire la réponse",
-  hide_preview: "Masquer la prévisualisation",
-  preview_html: "Prévisualiser le HTML",
-  history: "Historique",
-  collections: "Collections",
-  import_curl: "Importer en cURL",
-  importer: "Importer",
-  generate_code: "Générer le code",
-  request_type: "Type de requête",
-  generated_code: "Code généré",
-  status: "Statut",
-  headers: "En-têtes",
-  websocket: "WebSocket",
-  waiting_for_connection: "(en attente de connexion)",
-  message: "Message",
-  sse: "SSE",
-  server: "Serveur",
-  events: "Évènements",
-  url: "URL",
-  get_schema: "Récuperer le schéma",
-  header_list: "Liste d'en-têtes",
-  add_new: "Ajouter",
-  response: "Réponse",
-  query: "Requête",
-  queries: "Requêtes",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Abonnements",
-  types: "Types",
-  send: "Envoyer",
-  background: "Arrière-plan",
-  color: "Couleur",
-  labels: "Libellés",
-  multi_color: "Multi-couleurs",
-  enabled: "Activé",
-  disabled: "Désactivé",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Le proxy officiel de Postwoman est hébergé par Apollo Software.",
-  read_the: "Lire la",
-  apollosw_privacy_policy: "politique de confidentialité Apollo Software",
-  contact_us: "Contactez nous",
-  connect: "Relier",
-  disconnect: "Déconnecter",
-  start: "Début",
-  stop: "Arrêtez",
-  access_token: "Token d'accès",
-  token_list: "Liste des Tokens",
-  get_token: "Obtenir un nouveau Token",
-  manage_token: "Gérer le Token",
-  save_token: "Sauvegarder le Token",
-  use_token: "Utiliser un Token",
-  request_token: "Demander un Token",
-  save_token_req: "Sauvegarder la requête ",
-  manage_token_req: "Gérer la requête avec Token",
-  use_token_req: "Utiliser la requête avec Token",
-  token_req_name: "Nom de la requête",
-  token_req_details: "Détails de la requête",
-  token_name: "Nom du Token",
-  oidc_discovery_url: "OIDC Discovery URL",
-  auth_url: "Auth URL",
-  access_token_url: "URL du Token d'accès",
-  client_id: "Client ID",
-  scope: "Scope",
-  state: "État",
-  token_req_list: "Liste des requêtes avec Token",
-  no_path: "Aucun chemin",
-  no_label: "Aucun label",
-  prerequest_script: "Pre-Request Script",
-  no_prerequest_script: "No pre-request script",
-  search: "Historique de la recherche",
-  history_empty: "L'historique est vide",
-  history_deleted: "Historique supprimé",
-  clear: "Nettoyer",
-  clear_all: "Tout nettoyer",
-  cleared: "Nettoyé",
-  close: "Fermer",
-  sort: "Trier",
-  time: "Temps",
-  duration: "Durée",
-  no_duration: "Aucune durée",
-  show_more: "Plus d'informations",
-  hide_more: "Moins d'informations",
-  collection: "Collection",
-  current_collection: "Collection Actuelle",
-  select_collection: "Selectionner une Collection",
-  create_collection: "Créer une Collection",
-  new: "Nouveau",
-  import_export: "Importer / Exporter",
-  more: "Plus",
-  folder: "Dossier",
-  new_folder: "Nouveau Dossier",
-  my_new_folder: "Mon Nouveau Dossier",
-  folder_empty: "Ce Dossier est vide",
-  edit_folder: "Éditer le Dossier",
-  edit: "Éditer",
-  delete: "Supprimer",
-  deleted: "Supprimé",
-  undo: "Annuler",
-  collection_empty: "Cette Collection est vide",
-  new_collection: "Nouvelle Collection",
-  my_new_collection: "Ma Nouvelle Collection",
-  edit_collection: "Éditer la Collection",
-  edit_request: "Éditer ma requête",
-  save_request_as: "Sauvegarder ma requête sous",
-  export: "Exporter",
-  connecting_to: "Connexion à {name}...",
-  connected: "Connecté",
-  connected_to: "Connecté à {name}",
-  disconnected: "Déconnecté",
-  disconnected_from: "Déconnecté sur {name}",
-  something_went_wrong: "Quelque chose n'a pas marché!",
-  error_occurred: "Une erreur s'est produite.",
-  browser_support_sse:
-    "Ce navigateur ne semble pas prendre en charge les événements envoyés par le serveur.",
-  log: "Log",
-  no_url: "Aucune URL",
-  run_query: "Lancer une recherche",
-  copy_query: "Copier la recherche",
-  kinda_dark: "Plutôt Sombre",
-  clearly_white: "Clairement Blanc",
-  just_black: "Seulement Noir",
-  auto_system: "Auth (système)",
-  green: "Vert",
-  yellow: "Jaune",
-  pink: "Rose",
-  red: "Rouge",
-  purple: "Violet",
-  orange: "Orange",
-  cyan: "Cyan",
-  blue: "Bleue",
-  loading: "Chargement...",
-  fetching: "Récupération...",
-  waiting_send_req: "(en attente de l'envoi de la demande)",
-  cancel: "Annuler",
-  save: "Sauvarder",
-  dismiss: "Dismiss",
-  are_you_sure: "Êtes-vous sûr?",
-  yes: "Oui",
-  no: "Non",
-  restore: "Restaurer",
-  add_star: "Ajouter une étoile",
-  remove_star: "Supprimer une étoile",
-  nothing_found: "Rien n'a été trouvé",
-  replace_current: "Remplacer l'actuel",
-  replace_json: "Replacer avec du JSON",
-  preserve_current: "Conserver l'actuel",
-  import_json: "Importer depuis un JSON",
-  download_file: "Télécharger un fichier",
-  upload_file: "Charger un fichier",
-  copy_response: "Copier la réponse",
-  copy_code: "Copier le code",
-  copy_schema: "Copier le  Schéma",
-  use_request: "Utiliser cette  requête",
-  documentation: "Documentation",
-  docs: "Docs",
-  reset_default: "Rétablir la valeur par défaut",
-  fields: "CHAMPS",
-  deprecated: "DÉPRÉCIÉ",
-  add_one_header: "(ajouter au moins un en-tête)",
-  add_one_parameter: "(ajouter au moins un paramètre)",
-  header_count: "{count} en-tête",
-  parameter_count: "{count} paramètre",
-  variable_count: "{count} variable",
-  value_count: "{count} valeur",
-  send_request_first: "Envoyez d'abord une requête",
-  generate_docs: "Genérer  une Documentation",
-  generate_docs_message:
-    "Importer n'importe quelle collection de Postwoman pour générer de la documentation en déplacement.",
-  generate_docs_first: "Générer la documentation d'abord",
-  docs_generated: "Documentation générée",
-  import_collections: "Importer les collections",
-  optional: "(optionnel)",
-  json: "JSON",
-  none: "Aucun",
-  username: "Username",
-  password: "Password",
-  token: "Token",
-  payload: "Payload",
-  choose_file: "Choisir un fichier",
-  file_imported: "Fichier importé",
-  f12_details: "(F12 pour voir les détails)",
-  we_use_cookies: "Nous utilisons des cookies",
-  copied_to_clipboard: "Copié dans le presse-papier",
-  finished_in: "Fini en {duration}ms",
-  check_console_details: "Consultez la console pour plus de détails.",
-  download_started: "Téléchargement démarré",
-  url_invalid_format: "L'URL n'est pas formatée correctement",
-  curl_invalid_format: "cURL n'est pas formaté correctement",
-  enable_proxy: "Essayez en activant le Proxy",
-  complete_config_urls: "Veuillez compléter les urls de configuration.",
-  token_request_saved: "Requête de Token sauvegardé",
-  donate_info1:
-    "Si vous avez apprécié la productivité de l'utilisation de Postwoman, considérez le don comme un signe d'appréciation.",
-  donate_info2: "Vous pouvez soutenir le développement de Postwoman par les méthodes suivantes :",
-  one_time_recurring: "Ponctuel ou récurrent",
-  one_time: "Une fois",
-  recurring: "Récurrent",
-  wiki: "Wiki",
-  error: "Erreur",
-  go_home: "Aller à l'accueil",
-  reload: "Recharger",
-  enter_curl: "Entrer cURL",
-  empty: "Vide",
-  extensions: "Extensions",
-  extensions_info1: "Extension pour navigateur qui simplifie l'accès à Postwoman",
-  extensions_info2: "Obtenez l'extension Postwoman pour navigateur !",
-  installed: "Installé",
-  login_with: "Se connecter avec",
-  logged_out: "Se déconnecter",
-  logout: "Déconnexion",
-  account: "Compte",
-  sync: "Synchroniser",
-  syncHistory: "Historique",
-  syncCollections: "Collections",
-  turn_on: "Activer",
-  login_first: "Se connecter d'abord",
-  paste_a_collection: "Coller une collection",
-  import_from_sync: "Importer depuis la synchronisation",
-}
diff --git a/lang/fr-FR.json b/lang/fr-FR.json
new file mode 100644
index 000000000..96ac31fbf
--- /dev/null
+++ b/lang/fr-FR.json
@@ -0,0 +1,260 @@
+{
+  "home": "Accueil",
+  "realtime": "Temps réel",
+  "graphql": "GraphQL",
+  "settings": "Paramètres",
+  "request": "Request",
+  "install_pwa": "Installer la PWA",
+  "support_us": "Nous supporter",
+  "tweet": "Tweeter",
+  "options": "Options",
+  "communication": "Communication",
+  "endpoint": "Endpoint",
+  "schema": "Schéma",
+  "theme": "Thème",
+  "subscribe": "S'inscrire",
+  "choose_language": "Sélectionner une langue",
+  "shortcuts": "Raccourcis",
+  "send_request": "Envoyer la requête",
+  "save_to_collections": "Sauvegarder dans les collections",
+  "copy_request_link": "Copier le lien de la requête",
+  "reset_request": "Réinitialiser la requête",
+  "support_us_on": "Supportez-nous sur",
+  "open_collective": "Ouvrir Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "Code JavaScript",
+  "method": "Méthode",
+  "path": "Chemin d'accès",
+  "label": "Libellé",
+  "again": "Réessayer",
+  "content_type": "Type de contenu",
+  "raw_input": "Texte brut",
+  "parameter_list": "Liste des paramètres",
+  "raw_request_body": "Corps de la requête en texte brut",
+  "show_code": "Afficher le code",
+  "hide_code": "Masquer le code",
+  "show_prerequest_script": "Afficher le script de pré-requête",
+  "hide_prerequest_script": "Masquer le script de pré-requête",
+  "authentication": "Authentification",
+  "authentication_type": "Type d'authentification",
+  "include_in_url": "Inclure dans l'URL",
+  "parameters": "Paramètres",
+  "expand_response": "Agrandir la réponse",
+  "collapse_response": "Réduire la réponse",
+  "hide_preview": "Masquer la prévisualisation",
+  "preview_html": "Prévisualiser le HTML",
+  "history": "Historique",
+  "collections": "Collections",
+  "import_curl": "Importer en cURL",
+  "importer": "Importer",
+  "generate_code": "Générer le code",
+  "request_type": "Type de requête",
+  "generated_code": "Code généré",
+  "status": "Statut",
+  "headers": "En-têtes",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(en attente de connexion)",
+  "message": "Message",
+  "sse": "SSE",
+  "server": "Serveur",
+  "events": "Évènements",
+  "url": "URL",
+  "get_schema": "Récuperer le schéma",
+  "header_list": "Liste d'en-têtes",
+  "add_new": "Ajouter",
+  "response": "Réponse",
+  "query": "Requête",
+  "queries": "Requêtes",
+  "query_variables": "Variables",
+  "mutations": "Mutations",
+  "subscriptions": "Abonnements",
+  "types": "Types",
+  "send": "Envoyer",
+  "background": "Arrière-plan",
+  "color": "Couleur",
+  "labels": "Libellés",
+  "multi_color": "Multi-couleurs",
+  "enabled": "Activé",
+  "disabled": "Désactivé",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Le proxy officiel de Postwoman est hébergé par Apollo Software.",
+  "read_the": "Lire la",
+  "apollosw_privacy_policy": "politique de confidentialité Apollo Software",
+  "contact_us": "Contactez nous",
+  "connect": "Relier",
+  "disconnect": "Déconnecter",
+  "start": "Début",
+  "stop": "Arrêtez",
+  "access_token": "Token d'accès",
+  "token_list": "Liste des Tokens",
+  "get_token": "Obtenir un nouveau Token",
+  "manage_token": "Gérer le Token",
+  "save_token": "Sauvegarder le Token",
+  "use_token": "Utiliser un Token",
+  "request_token": "Demander un Token",
+  "save_token_req": "Sauvegarder la requête ",
+  "manage_token_req": "Gérer la requête avec Token",
+  "use_token_req": "Utiliser la requête avec Token",
+  "token_req_name": "Nom de la requête",
+  "token_req_details": "Détails de la requête",
+  "token_name": "Nom du Token",
+  "oidc_discovery_url": "OIDC Discovery URL",
+  "auth_url": "Auth URL",
+  "access_token_url": "URL du Token d'accès",
+  "client_id": "Client ID",
+  "scope": "Scope",
+  "state": "État",
+  "token_req_list": "Liste des requêtes avec Token",
+  "no_path": "Aucun chemin",
+  "no_label": "Aucun label",
+  "prerequest_script": "Pre-Request Script",
+  "no_prerequest_script": "No pre-request script",
+  "search": "Historique de la recherche",
+  "history_empty": "L'historique est vide",
+  "history_deleted": "Historique supprimé",
+  "clear": "Nettoyer",
+  "clear_all": "Tout nettoyer",
+  "cleared": "Nettoyé",
+  "close": "Fermer",
+  "sort": "Trier",
+  "time": "Temps",
+  "duration": "Durée",
+  "no_duration": "Aucune durée",
+  "show_more": "Plus d'informations",
+  "hide_more": "Moins d'informations",
+  "collection": "Collection",
+  "current_collection": "Collection Actuelle",
+  "select_collection": "Selectionner une Collection",
+  "create_collection": "Créer une Collection",
+  "new": "Nouveau",
+  "import_export": "Importer / Exporter",
+  "more": "Plus",
+  "folder": "Dossier",
+  "new_folder": "Nouveau Dossier",
+  "my_new_folder": "Mon Nouveau Dossier",
+  "folder_empty": "Ce Dossier est vide",
+  "edit_folder": "Éditer le Dossier",
+  "edit": "Éditer",
+  "delete": "Supprimer",
+  "deleted": "Supprimé",
+  "undo": "Annuler",
+  "collection_empty": "Cette Collection est vide",
+  "new_collection": "Nouvelle Collection",
+  "my_new_collection": "Ma Nouvelle Collection",
+  "edit_collection": "Éditer la Collection",
+  "edit_request": "Éditer ma requête",
+  "save_request_as": "Sauvegarder ma requête sous",
+  "export": "Exporter",
+  "connecting_to": "Connexion à {name}...",
+  "connected": "Connecté",
+  "connected_to": "Connecté à {name}",
+  "disconnected": "Déconnecté",
+  "disconnected_from": "Déconnecté sur {name}",
+  "something_went_wrong": "Quelque chose n'a pas marché!",
+  "error_occurred": "Une erreur s'est produite.",
+  "browser_support_sse": "Ce navigateur ne semble pas prendre en charge les événements envoyés par le serveur.",
+  "log": "Log",
+  "no_url": "Aucune URL",
+  "run_query": "Lancer une recherche",
+  "copy_query": "Copier la recherche",
+  "kinda_dark": "Plutôt Sombre",
+  "clearly_white": "Clairement Blanc",
+  "just_black": "Seulement Noir",
+  "auto_system": "Auth (système)",
+  "green": "Vert",
+  "yellow": "Jaune",
+  "pink": "Rose",
+  "red": "Rouge",
+  "purple": "Violet",
+  "orange": "Orange",
+  "cyan": "Cyan",
+  "blue": "Bleue",
+  "loading": "Chargement...",
+  "fetching": "Récupération...",
+  "waiting_send_req": "(en attente de l'envoi de la demande)",
+  "cancel": "Annuler",
+  "save": "Sauvarder",
+  "dismiss": "Dismiss",
+  "are_you_sure": "Êtes-vous sûr?",
+  "yes": "Oui",
+  "no": "Non",
+  "restore": "Restaurer",
+  "add_star": "Ajouter une étoile",
+  "remove_star": "Supprimer une étoile",
+  "nothing_found": "Rien n'a été trouvé",
+  "replace_current": "Remplacer l'actuel",
+  "replace_json": "Replacer avec du JSON",
+  "preserve_current": "Conserver l'actuel",
+  "import_json": "Importer depuis un JSON",
+  "download_file": "Télécharger un fichier",
+  "upload_file": "Charger un fichier",
+  "copy_response": "Copier la réponse",
+  "copy_code": "Copier le code",
+  "copy_schema": "Copier le  Schéma",
+  "use_request": "Utiliser cette  requête",
+  "documentation": "Documentation",
+  "docs": "Docs",
+  "reset_default": "Rétablir la valeur par défaut",
+  "fields": "CHAMPS",
+  "deprecated": "DÉPRÉCIÉ",
+  "add_one_header": "(ajouter au moins un en-tête)",
+  "add_one_parameter": "(ajouter au moins un paramètre)",
+  "header_count": "{count} en-tête",
+  "parameter_count": "{count} paramètre",
+  "variable_count": "{count} variable",
+  "value_count": "{count} valeur",
+  "send_request_first": "Envoyez d'abord une requête",
+  "generate_docs": "Genérer  une Documentation",
+  "generate_docs_message": "Importer n'importe quelle collection de Postwoman pour générer de la documentation en déplacement.",
+  "generate_docs_first": "Générer la documentation d'abord",
+  "docs_generated": "Documentation générée",
+  "import_collections": "Importer les collections",
+  "optional": "(optionnel)",
+  "json": "JSON",
+  "none": "Aucun",
+  "username": "Username",
+  "password": "Password",
+  "token": "Token",
+  "payload": "Payload",
+  "choose_file": "Choisir un fichier",
+  "file_imported": "Fichier importé",
+  "f12_details": "(F12 pour voir les détails)",
+  "we_use_cookies": "Nous utilisons des cookies",
+  "copied_to_clipboard": "Copié dans le presse-papier",
+  "finished_in": "Fini en {duration}ms",
+  "check_console_details": "Consultez la console pour plus de détails.",
+  "download_started": "Téléchargement démarré",
+  "url_invalid_format": "L'URL n'est pas formatée correctement",
+  "curl_invalid_format": "cURL n'est pas formaté correctement",
+  "enable_proxy": "Essayez en activant le Proxy",
+  "complete_config_urls": "Veuillez compléter les urls de configuration.",
+  "token_request_saved": "Requête de Token sauvegardé",
+  "donate_info1": "Si vous avez apprécié la productivité de l'utilisation de Postwoman, considérez le don comme un signe d'appréciation.",
+  "donate_info2": "Vous pouvez soutenir le développement de Postwoman par les méthodes suivantes :",
+  "one_time_recurring": "Ponctuel ou récurrent",
+  "one_time": "Une fois",
+  "recurring": "Récurrent",
+  "wiki": "Wiki",
+  "error": "Erreur",
+  "go_home": "Aller à l'accueil",
+  "reload": "Recharger",
+  "enter_curl": "Entrer cURL",
+  "empty": "Vide",
+  "extensions": "Extensions",
+  "extensions_info1": "Extension pour navigateur qui simplifie l'accès à Postwoman",
+  "extensions_info2": "Obtenez l'extension Postwoman pour navigateur !",
+  "installed": "Installé",
+  "login_with": "Se connecter avec",
+  "logged_out": "Se déconnecter",
+  "logout": "Déconnexion",
+  "account": "Compte",
+  "sync": "Synchroniser",
+  "syncHistory": "Historique",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments",
+  "turn_on": "Activer",
+  "login_first": "Se connecter d'abord",
+  "paste_a_collection": "Coller une collection",
+  "import_from_sync": "Importer depuis la synchronisation"
+}
diff --git a/lang/id-ID.js b/lang/id-ID.js
deleted file mode 100644
index 68f26b00d..000000000
--- a/lang/id-ID.js
+++ /dev/null
@@ -1,89 +0,0 @@
-export default {
-  home: "Beranda",
-  realtime: "Waktu Nyata",
-  graphql: "GraphQL",
-  settings: "Pengaturan",
-  request: "Permintaan",
-  install_pwa: "Pasang PWA",
-  support_us: "Dukung kami",
-  tweet: "Cuitkan",
-  options: "Opsi",
-  communication: "Komunikasi",
-  endpoint: "Titik Akhir",
-  schema: "Skema",
-  theme: "Tema",
-  subscribe: "Berlangganan",
-  choose_language: "Pilih Bahasa",
-  shortcuts: "Pintasan",
-  send_request: "Kirim Permintaan",
-  save_to_collections: "Simpan ke Koleksi",
-  copy_request_link: "Salin Tautan Permintaan",
-  reset_request: "Atur Ulang Permintaan",
-  support_us_on: "Dukung kami di",
-  open_collective: "Open Collective",
-  paypal: "Paypal",
-  patreon: "Patreon",
-  javascript_code: "Kode Javascript",
-  method: "Metode",
-  path: "Lintasan",
-  label: "Label",
-  again: "Lagi",
-  content_type: "Jenis Konten",
-  raw_input: "Masukan mentah",
-  parameter_list: "Daftar parameter",
-  raw_request_body: "Badan Permintaan Mentah",
-  show_code: "Tampilkan Kode",
-  hide_code: "Sembunyikan Kode",
-  show_prerequest_script: "Tampilkan Skrip Pra-Permintaan",
-  hide_prerequest_script: "Sembunyikan Skrip Pra-Permintaan",
-  authentication: "Autentikasi",
-  authentication_type: "Jenis Autentikasi",
-  include_in_url: "Sertakan di URL",
-  parameters: "Parameter",
-  expand_response: "Bentangkan Balasan",
-  collapse_response: "Ciutkan Balasan",
-  hide_preview: "Sembunyikan Pratinjau",
-  preview_html: "Pratinjau HTML",
-  history: "Riwayat",
-  collections: "Koleksi",
-  import_curl: "Impor cURL",
-  import: "Impor",
-  generate_code: "Hasilkan kode",
-  request_type: "Jenis permintaan",
-  generated_code: "Kode yang dihasilkan",
-  status: "Status",
-  headers: "Header",
-  websocket: "WebSocket",
-  waiting_for_connection: "(Menunggu sambungan)",
-  message: "Pesan",
-  sse: "SSE",
-  server: "Peladen",
-  events: "Kejadian",
-  url: "URL",
-  get_schema: "Ambil skema",
-  header_list: "Daftar header",
-  add_new: "Tambah baru",
-  response: "Balasan",
-  query: "Kueri",
-  queries: "Kueri",
-  query_variables: "Variables",
-  mutations: "Mutasi",
-  subscriptions: "Langganan",
-  types: "Jenis",
-  send: "Kirim",
-  background: "Latar belakang",
-  color: "Warna",
-  labels: "Label",
-  multi_color: "Warna beragam",
-  enabled: "diaktifkan",
-  disabled: "dinonaktifkan",
-  proxy: "Proksi",
-  postwoman_official_proxy_hosting: "Proksi Resmi Postwoman dalam penginangan Apollo Software.",
-  read_the: "Bacalah",
-  apollosw_privacy_policy: "kebijakan privasi Apollo Software",
-  contact_us: "Hubungi kami",
-  connect: "Menghubungkan",
-  disconnect: "Memutuskan",
-  start: "Mulai",
-  stop: "Berhenti",
-}
diff --git a/lang/id-ID.json b/lang/id-ID.json
new file mode 100644
index 000000000..048bbd54c
--- /dev/null
+++ b/lang/id-ID.json
@@ -0,0 +1,92 @@
+{
+  "home": "Beranda",
+  "realtime": "Waktu Nyata",
+  "graphql": "GraphQL",
+  "settings": "Pengaturan",
+  "request": "Permintaan",
+  "install_pwa": "Pasang PWA",
+  "support_us": "Dukung kami",
+  "tweet": "Cuitkan",
+  "options": "Opsi",
+  "communication": "Komunikasi",
+  "endpoint": "Titik Akhir",
+  "schema": "Skema",
+  "theme": "Tema",
+  "subscribe": "Berlangganan",
+  "choose_language": "Pilih Bahasa",
+  "shortcuts": "Pintasan",
+  "send_request": "Kirim Permintaan",
+  "save_to_collections": "Simpan ke Koleksi",
+  "copy_request_link": "Salin Tautan Permintaan",
+  "reset_request": "Atur Ulang Permintaan",
+  "support_us_on": "Dukung kami di",
+  "open_collective": "Open Collective",
+  "paypal": "Paypal",
+  "patreon": "Patreon",
+  "javascript_code": "Kode Javascript",
+  "method": "Metode",
+  "path": "Lintasan",
+  "label": "Label",
+  "again": "Lagi",
+  "content_type": "Jenis Konten",
+  "raw_input": "Masukan mentah",
+  "parameter_list": "Daftar parameter",
+  "raw_request_body": "Badan Permintaan Mentah",
+  "show_code": "Tampilkan Kode",
+  "hide_code": "Sembunyikan Kode",
+  "show_prerequest_script": "Tampilkan Skrip Pra-Permintaan",
+  "hide_prerequest_script": "Sembunyikan Skrip Pra-Permintaan",
+  "authentication": "Autentikasi",
+  "authentication_type": "Jenis Autentikasi",
+  "include_in_url": "Sertakan di URL",
+  "parameters": "Parameter",
+  "expand_response": "Bentangkan Balasan",
+  "collapse_response": "Ciutkan Balasan",
+  "hide_preview": "Sembunyikan Pratinjau",
+  "preview_html": "Pratinjau HTML",
+  "history": "Riwayat",
+  "collections": "Koleksi",
+  "import_curl": "Impor cURL",
+  "import": "Impor",
+  "generate_code": "Hasilkan kode",
+  "request_type": "Jenis permintaan",
+  "generated_code": "Kode yang dihasilkan",
+  "status": "Status",
+  "headers": "Header",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(Menunggu sambungan)",
+  "message": "Pesan",
+  "sse": "SSE",
+  "server": "Peladen",
+  "events": "Kejadian",
+  "url": "URL",
+  "get_schema": "Ambil skema",
+  "header_list": "Daftar header",
+  "add_new": "Tambah baru",
+  "response": "Balasan",
+  "query": "Kueri",
+  "queries": "Kueri",
+  "query_variables": "Variables",
+  "mutations": "Mutasi",
+  "subscriptions": "Langganan",
+  "types": "Jenis",
+  "send": "Kirim",
+  "background": "Latar belakang",
+  "color": "Warna",
+  "labels": "Label",
+  "multi_color": "Warna beragam",
+  "enabled": "diaktifkan",
+  "disabled": "dinonaktifkan",
+  "proxy": "Proksi",
+  "postwoman_official_proxy_hosting": "Proksi Resmi Postwoman dalam penginangan Apollo Software.",
+  "read_the": "Bacalah",
+  "apollosw_privacy_policy": "kebijakan privasi Apollo Software",
+  "contact_us": "Hubungi kami",
+  "connect": "Menghubungkan",
+  "disconnect": "Memutuskan",
+  "start": "Mulai",
+  "stop": "Berhenti",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/lang/ja-JP.js b/lang/ja-JP.js
deleted file mode 100644
index f88ca82f6..000000000
--- a/lang/ja-JP.js
+++ /dev/null
@@ -1,245 +0,0 @@
-export default {
-  home: "ホーム",
-  realtime: "リアルタイム",
-  graphql: "GraphQL",
-  settings: "設定",
-  request: "リクエスト",
-  install_pwa: "PWAをインストール",
-  support_us: "寄付",
-  tweet: "ツイート",
-  options: "オプション",
-  communication: "通信",
-  endpoint: "エンドポイント",
-  schema: "スキーマ",
-  theme: "テーマ",
-  subscribe: "登録",
-  choose_language: "言語の選択",
-  shortcuts: "ショートカット",
-  send_request: "リクエストを送信",
-  save_to_collections: "コレクションに保存",
-  copy_request_link: "リクエストURLをコピー",
-  reset_request: "リクエストをリセット",
-  support_us_on: "以下より寄付",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScriptコード",
-  method: "メソッド",
-  path: "パス",
-  label: "ラベル",
-  again: "",
-  content_type: "Content Type",
-  raw_input: "Raw入力",
-  parameter_list: "パラメータリスト",
-  raw_request_body: "Rawリクエストボディー",
-  show_code: "コードを表示",
-  hide_code: "コードを非表示",
-  show_prerequest_script: "プレリクエストスクリプトを表示",
-  hide_prerequest_script: "プレリクエストスクリプトを非表示",
-  authentication: "認証",
-  authentication_type: "認証タイプ",
-  include_in_url: "URLに含む",
-  parameters: "パラメータ",
-  expand_response: "レスポンスを広げる",
-  collapse_response: "レスポンスを狭める",
-  hide_preview: "プレビューしない",
-  preview_html: "HTMLプレビュー表示",
-  history: "履歴",
-  collections: "コレクション",
-  import_curl: "cURLをインポート",
-  import: "インポート",
-  generate_code: "コード生成",
-  request_type: "リクエストタイプ",
-  generated_code: "生成されたコード",
-  status: "ステータス",
-  headers: "ヘッダー",
-  websocket: "ウェブソケット",
-  waiting_for_connection: "(接続待ち)",
-  message: "メッセージ",
-  sse: "SSE",
-  server: "サーバ",
-  events: "イベント",
-  url: "URL",
-  get_schema: "スキーマを取得",
-  header_list: "ヘッダーリスト",
-  add_new: "追加",
-  response: "レスポンス",
-  query: "クエリ",
-  queries: "クエリ",
-  query_variables: "変数",
-  mutations: "ミューテーション",
-  subscriptions: "サブスクリプション",
-  types: "タイプ",
-  send: "送信",
-  background: "背景",
-  color: "色",
-  labels: "ラベル",
-  multi_color: "マルチカラー",
-  enabled: "有効",
-  disabled: "無効",
-  proxy: "プロキシ",
-  postwoman_official_proxy_hosting: "Postwomanの公式プロキシは、Apollo Softwareがホストしています。",
-  read_the: "プライバシーポリシー",
-  apollosw_privacy_policy: "を読む",
-  contact_us: "お問い合わせ",
-  connect: "接続",
-  disconnect: "切断",
-  start: "開始",
-  stop: "停止",
-  access_token: "アクセストークン",
-  token_list: "トークンリスト",
-  get_token: "新しいトークンを取得",
-  manage_token: "アクセストークンを管理",
-  save_token: "アクセストークンを保存",
-  use_token: "アクセストークンを使用",
-  request_token: "トークンをリクエスト",
-  save_token_req: "トークンリクエストを保存",
-  manage_token_req: "トークンリクエストを管理",
-  use_token_req: "トークンリクエストを使用",
-  token_req_name: "リクエスト名",
-  token_req_details: "リクエスト詳細",
-  token_name: "トークン名",
-  oidc_discovery_url: "OIDC Discovery URL",
-  auth_url: "認証URL",
-  access_token_url: "アクセストークンURL",
-  client_id: "クライアントID",
-  scope: "スコープ",
-  state: "ステート",
-  token_req_list: "トークンリクエストリスト",
-  no_path: "パス無し",
-  no_label: "ラベル無し",
-  prerequest_script: "プレリクエストスクリプト",
-  no_prerequest_script: "プレリクエストスクリプト無し",
-  search: "検索履歴",
-  history_empty: "履歴が空です",
-  history_deleted: "履歴が削除された",
-  clear: "クリア",
-  clear_all: "全てクリア",
-  cleared: "クリアされた",
-  close: "閉じる",
-  sort: "ソート",
-  time: "時間",
-  duration: "期間",
-  no_duration: "期間なし",
-  show_more: "もっと表示する",
-  hide_more: "隠す",
-  collection: "コレクション",
-  current_collection: "現在のコレクション",
-  select_collection: "コレクションを選択",
-  create_collection: "コレクションを作成",
-  new: "新規",
-  import_export: "インポート・エクスポート",
-  more: "More",
-  folder: "フォルダ",
-  new_folder: "新しいフォルダー",
-  my_new_folder: "私の新しいフォルダー",
-  folder_empty: "フォルダーが空です",
-  edit_folder: "フォルダーを編集",
-  edit: "編集",
-  delete: "削除",
-  deleted: "削除された",
-  undo: "元に戻す",
-  collection_empty: "コレクションが空です",
-  new_collection: "新しいコレクション",
-  my_new_collection: "私の新しいコレクション",
-  edit_collection: "コレクションを編集",
-  edit_request: "リクエストを編集",
-  save_request_as: "名前を付けてリクエストを保存",
-  export: "エクスポート",
-  connecting_to: "{name}に接続中...",
-  connected: "接続した",
-  connected_to: "{name}に接続した",
-  disconnected: "切断された",
-  disconnected_from: "{name}から切断された",
-  something_went_wrong: "何かの問題が起きた",
-  error_occurred: "エラーが発生した",
-  browser_support_sse: "このブラウザはサーバー送信イベントのサポートがないようです。",
-  log: "ログ",
-  no_url: "URL無し",
-  run_query: "クエリを実行",
-  copy_query: "クエリをコピー",
-  kinda_dark: "ちょっと暗い",
-  clearly_white: "明らかに白",
-  just_black: "ただの黒",
-  auto_system: "オート（システム）",
-  green: "緑",
-  yellow: "黄",
-  pink: "ピンク",
-  red: "赤",
-  purple: "紫",
-  orange: "オレンジ",
-  cyan: "シヤン",
-  blue: "青",
-  loading: "ロード中...",
-  fetching: "フェッチ中...",
-  waiting_send_req: "（リクエスト送信待ち）",
-  cancel: "キャンセル",
-  save: "保存",
-  dismiss: "Dismiss",
-  are_you_sure: "よろしいですか？",
-  yes: "はい",
-  no: "いいえ",
-  restore: "リストア",
-  add_star: "星を付ける",
-  remove_star: "星を外す",
-  nothing_found: "何も見つからない",
-  replace_current: "置換",
-  replace_json: "JSONに置換",
-  preserve_current: "保持",
-  import_json: "JSONをインポート",
-  download_file: "ファイルをダウンロード",
-  upload_file: "ファイルをアップロード",
-  copy_response: "レスポンスをコピー",
-  copy_code: "コードをコピー",
-  copy_schema: "スキーマをコピー",
-  use_request: "リクエストを使用",
-  documentation: "ドキュメンテーション",
-  docs: "ドキュメント",
-  reset_default: "デフォルトにリセット",
-  fields: "FIELDS",
-  deprecated: "DEPRECATED",
-  add_one_header: "（ヘッダーを少なくとも1つ追加してください）",
-  add_one_parameter: "（パラメータを少なくとも1つ追加してください）",
-  header_count: "ヘッダー {count}",
-  parameter_count: "パラメータ {count}",
-  variable_count: "変数 {count}",
-  value_count: "値 {count}",
-  send_request_first: "リクエストを先に送信してください",
-  generate_docs: "ドキュメンテーションを生成",
-  generate_docs_message: "Postwomanのコレクションをインポートし、直ちにドキュメンテーションを生成",
-  generate_docs_first: "ドキュメントを先に生成してください",
-  docs_generated: "ドキュメンテーションを生成した",
-  import_collections: "コレクションをインポート",
-  optional: "（オプション）",
-  json: "JSON",
-  none: "なし",
-  username: "ユーザー名",
-  password: "パスワード",
-  token: "トークン",
-  payload: "ペイロード",
-  choose_file: "ファイルを選択",
-  file_imported: "ファイルをインポートした",
-  f12_details: "（F12を押して詳細を確認してください）",
-  we_use_cookies: "クッキーを使用します。",
-  copied_to_clipboard: "クリップボードにコピーした",
-  finished_in: "{duration}msで終了した",
-  check_console_details: "コンソールより詳細を確認してください",
-  download_started: "ダウンロードを開始した",
-  url_invalid_format: "URLが正しくフォーマットされていない",
-  curl_invalid_format: "cURLが正しくフォーマットされていない",
-  enable_proxy: "プロキシを有効にしてみてください",
-  complete_config_urls: "設定URLsを入力してください",
-  token_request_saved: "トークンリクエストを保存した",
-  donate_info1:
-    "Postwomanを非常に役に立つと思われる場合、感謝の印として寄付のご検討をお願いします。",
-  donate_info2: "以下の方法でPostwomanの開発をサポートできます：",
-  one_time_recurring: "一度又は定期的",
-  one_time: "一度",
-  recurring: "定期的",
-  wiki: "Wiki",
-  error: "エラー",
-  go_home: "ホームに戻る",
-  reload: "リロード",
-  enter_curl: "cURLを入力",
-  empty: "空"
-};
diff --git a/lang/ja-JP.json b/lang/ja-JP.json
new file mode 100644
index 000000000..a0d5999e7
--- /dev/null
+++ b/lang/ja-JP.json
@@ -0,0 +1,247 @@
+{
+  "home": "ホーム",
+  "realtime": "リアルタイム",
+  "graphql": "GraphQL",
+  "settings": "設定",
+  "request": "リクエスト",
+  "install_pwa": "PWAをインストール",
+  "support_us": "寄付",
+  "tweet": "ツイート",
+  "options": "オプション",
+  "communication": "通信",
+  "endpoint": "エンドポイント",
+  "schema": "スキーマ",
+  "theme": "テーマ",
+  "subscribe": "登録",
+  "choose_language": "言語の選択",
+  "shortcuts": "ショートカット",
+  "send_request": "リクエストを送信",
+  "save_to_collections": "コレクションに保存",
+  "copy_request_link": "リクエストURLをコピー",
+  "reset_request": "リクエストをリセット",
+  "support_us_on": "以下より寄付",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "JavaScriptコード",
+  "method": "メソッド",
+  "path": "パス",
+  "label": "ラベル",
+  "again": "",
+  "content_type": "Content Type",
+  "raw_input": "Raw入力",
+  "parameter_list": "パラメータリスト",
+  "raw_request_body": "Rawリクエストボディー",
+  "show_code": "コードを表示",
+  "hide_code": "コードを非表示",
+  "show_prerequest_script": "プレリクエストスクリプトを表示",
+  "hide_prerequest_script": "プレリクエストスクリプトを非表示",
+  "authentication": "認証",
+  "authentication_type": "認証タイプ",
+  "include_in_url": "URLに含む",
+  "parameters": "パラメータ",
+  "expand_response": "レスポンスを広げる",
+  "collapse_response": "レスポンスを狭める",
+  "hide_preview": "プレビューしない",
+  "preview_html": "HTMLプレビュー表示",
+  "history": "履歴",
+  "collections": "コレクション",
+  "import_curl": "cURLをインポート",
+  "import": "インポート",
+  "generate_code": "コード生成",
+  "request_type": "リクエストタイプ",
+  "generated_code": "生成されたコード",
+  "status": "ステータス",
+  "headers": "ヘッダー",
+  "websocket": "ウェブソケット",
+  "waiting_for_connection": "(接続待ち)",
+  "message": "メッセージ",
+  "sse": "SSE",
+  "server": "サーバ",
+  "events": "イベント",
+  "url": "URL",
+  "get_schema": "スキーマを取得",
+  "header_list": "ヘッダーリスト",
+  "add_new": "追加",
+  "response": "レスポンス",
+  "query": "クエリ",
+  "queries": "クエリ",
+  "query_variables": "変数",
+  "mutations": "ミューテーション",
+  "subscriptions": "サブスクリプション",
+  "types": "タイプ",
+  "send": "送信",
+  "background": "背景",
+  "color": "色",
+  "labels": "ラベル",
+  "multi_color": "マルチカラー",
+  "enabled": "有効",
+  "disabled": "無効",
+  "proxy": "プロキシ",
+  "postwoman_official_proxy_hosting": "Postwomanの公式プロキシは、Apollo Softwareがホストしています。",
+  "read_the": "プライバシーポリシー",
+  "apollosw_privacy_policy": "を読む",
+  "contact_us": "お問い合わせ",
+  "connect": "接続",
+  "disconnect": "切断",
+  "start": "開始",
+  "stop": "停止",
+  "access_token": "アクセストークン",
+  "token_list": "トークンリスト",
+  "get_token": "新しいトークンを取得",
+  "manage_token": "アクセストークンを管理",
+  "save_token": "アクセストークンを保存",
+  "use_token": "アクセストークンを使用",
+  "request_token": "トークンをリクエスト",
+  "save_token_req": "トークンリクエストを保存",
+  "manage_token_req": "トークンリクエストを管理",
+  "use_token_req": "トークンリクエストを使用",
+  "token_req_name": "リクエスト名",
+  "token_req_details": "リクエスト詳細",
+  "token_name": "トークン名",
+  "oidc_discovery_url": "OIDC Discovery URL",
+  "auth_url": "認証URL",
+  "access_token_url": "アクセストークンURL",
+  "client_id": "クライアントID",
+  "scope": "スコープ",
+  "state": "ステート",
+  "token_req_list": "トークンリクエストリスト",
+  "no_path": "パス無し",
+  "no_label": "ラベル無し",
+  "prerequest_script": "プレリクエストスクリプト",
+  "no_prerequest_script": "プレリクエストスクリプト無し",
+  "search": "検索履歴",
+  "history_empty": "履歴が空です",
+  "history_deleted": "履歴が削除された",
+  "clear": "クリア",
+  "clear_all": "全てクリア",
+  "cleared": "クリアされた",
+  "close": "閉じる",
+  "sort": "ソート",
+  "time": "時間",
+  "duration": "期間",
+  "no_duration": "期間なし",
+  "show_more": "もっと表示する",
+  "hide_more": "隠す",
+  "collection": "コレクション",
+  "current_collection": "現在のコレクション",
+  "select_collection": "コレクションを選択",
+  "create_collection": "コレクションを作成",
+  "new": "新規",
+  "import_export": "インポート・エクスポート",
+  "more": "More",
+  "folder": "フォルダ",
+  "new_folder": "新しいフォルダー",
+  "my_new_folder": "私の新しいフォルダー",
+  "folder_empty": "フォルダーが空です",
+  "edit_folder": "フォルダーを編集",
+  "edit": "編集",
+  "delete": "削除",
+  "deleted": "削除された",
+  "undo": "元に戻す",
+  "collection_empty": "コレクションが空です",
+  "new_collection": "新しいコレクション",
+  "my_new_collection": "私の新しいコレクション",
+  "edit_collection": "コレクションを編集",
+  "edit_request": "リクエストを編集",
+  "save_request_as": "名前を付けてリクエストを保存",
+  "export": "エクスポート",
+  "connecting_to": "{name}に接続中...",
+  "connected": "接続した",
+  "connected_to": "{name}に接続した",
+  "disconnected": "切断された",
+  "disconnected_from": "{name}から切断された",
+  "something_went_wrong": "何かの問題が起きた",
+  "error_occurred": "エラーが発生した",
+  "browser_support_sse": "このブラウザはサーバー送信イベントのサポートがないようです。",
+  "log": "ログ",
+  "no_url": "URL無し",
+  "run_query": "クエリを実行",
+  "copy_query": "クエリをコピー",
+  "kinda_dark": "ちょっと暗い",
+  "clearly_white": "明らかに白",
+  "just_black": "ただの黒",
+  "auto_system": "オート（システム）",
+  "green": "緑",
+  "yellow": "黄",
+  "pink": "ピンク",
+  "red": "赤",
+  "purple": "紫",
+  "orange": "オレンジ",
+  "cyan": "シヤン",
+  "blue": "青",
+  "loading": "ロード中...",
+  "fetching": "フェッチ中...",
+  "waiting_send_req": "（リクエスト送信待ち）",
+  "cancel": "キャンセル",
+  "save": "保存",
+  "dismiss": "Dismiss",
+  "are_you_sure": "よろしいですか？",
+  "yes": "はい",
+  "no": "いいえ",
+  "restore": "リストア",
+  "add_star": "星を付ける",
+  "remove_star": "星を外す",
+  "nothing_found": "何も見つからない",
+  "replace_current": "置換",
+  "replace_json": "JSONに置換",
+  "preserve_current": "保持",
+  "import_json": "JSONをインポート",
+  "download_file": "ファイルをダウンロード",
+  "upload_file": "ファイルをアップロード",
+  "copy_response": "レスポンスをコピー",
+  "copy_code": "コードをコピー",
+  "copy_schema": "スキーマをコピー",
+  "use_request": "リクエストを使用",
+  "documentation": "ドキュメンテーション",
+  "docs": "ドキュメント",
+  "reset_default": "デフォルトにリセット",
+  "fields": "FIELDS",
+  "deprecated": "DEPRECATED",
+  "add_one_header": "（ヘッダーを少なくとも1つ追加してください）",
+  "add_one_parameter": "（パラメータを少なくとも1つ追加してください）",
+  "header_count": "ヘッダー {count}",
+  "parameter_count": "パラメータ {count}",
+  "variable_count": "変数 {count}",
+  "value_count": "値 {count}",
+  "send_request_first": "リクエストを先に送信してください",
+  "generate_docs": "ドキュメンテーションを生成",
+  "generate_docs_message": "Postwomanのコレクションをインポートし、直ちにドキュメンテーションを生成",
+  "generate_docs_first": "ドキュメントを先に生成してください",
+  "docs_generated": "ドキュメンテーションを生成した",
+  "import_collections": "コレクションをインポート",
+  "optional": "（オプション）",
+  "json": "JSON",
+  "none": "なし",
+  "username": "ユーザー名",
+  "password": "パスワード",
+  "token": "トークン",
+  "payload": "ペイロード",
+  "choose_file": "ファイルを選択",
+  "file_imported": "ファイルをインポートした",
+  "f12_details": "（F12を押して詳細を確認してください）",
+  "we_use_cookies": "クッキーを使用します。",
+  "copied_to_clipboard": "クリップボードにコピーした",
+  "finished_in": "{duration}msで終了した",
+  "check_console_details": "コンソールより詳細を確認してください",
+  "download_started": "ダウンロードを開始した",
+  "url_invalid_format": "URLが正しくフォーマットされていない",
+  "curl_invalid_format": "cURLが正しくフォーマットされていない",
+  "enable_proxy": "プロキシを有効にしてみてください",
+  "complete_config_urls": "設定URLsを入力してください",
+  "token_request_saved": "トークンリクエストを保存した",
+  "donate_info1": "Postwomanを非常に役に立つと思われる場合、感謝の印として寄付のご検討をお願いします。",
+  "donate_info2": "以下の方法でPostwomanの開発をサポートできます：",
+  "one_time_recurring": "一度又は定期的",
+  "one_time": "一度",
+  "recurring": "定期的",
+  "wiki": "Wiki",
+  "error": "エラー",
+  "go_home": "ホームに戻る",
+  "reload": "リロード",
+  "enter_curl": "cURLを入力",
+  "empty": "空",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/lang/ko-KR.js b/lang/ko-KR.js
deleted file mode 100644
index 062be8c97..000000000
--- a/lang/ko-KR.js
+++ /dev/null
@@ -1,258 +0,0 @@
-export default {
-  home: "홈",
-  realtime: "실시간",
-  graphql: "GraphQL",
-  settings: "설정",
-  request: "Request",
-  install_pwa: "PWA 설치",
-  support_us: "도와주기",
-  tweet: "트윗",
-  options: "옵션",
-  communication: "통신",
-  endpoint: "Endpoint",
-  schema: "Schema",
-  theme: "테마",
-  subscribe: "구독",
-  choose_language: "언어 선택",
-  shortcuts: "단축키",
-  send_request: "Send Request",
-  save_to_collections: "Save to Collections",
-  copy_request_link: "Copy Request Link",
-  reset_request: "Reset Request",
-  support_us_on: "Support us on",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript 코드",
-  method: "Method",
-  path: "Path",
-  label: "Label",
-  again: "Again",
-  content_type: "Content Type",
-  raw_input: "Raw input",
-  parameter_list: "Parameter List",
-  raw_request_body: "Raw Request Body",
-  show_code: "Show Code",
-  hide_code: "Hide Code",
-  show_prerequest_script: "Show Pre-Request Script",
-  hide_prerequest_script: "Hide Pre-Request Script",
-  authentication: "Authentication",
-  authentication_type: "Authentication type",
-  include_in_url: "Include in URL",
-  parameters: "Parameters",
-  expand_response: "Expand response",
-  collapse_response: "Collapse response",
-  hide_preview: "Hide Preview",
-  preview_html: "Preview HTML",
-  history: "히스토리",
-  collections: "Collections",
-  import_curl: "Import cURL",
-  import: "가져오기",
-  generate_code: "Generate code",
-  request_type: "Request type",
-  generated_code: "Generated code",
-  status: "상태",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(waiting for connection)",
-  message: "Message",
-  sse: "SSE",
-  server: "Server",
-  events: "Events",
-  url: "URL",
-  get_schema: "Get schema",
-  header_list: "Header list",
-  add_new: "추가",
-  response: "Response",
-  query: "Query",
-  queries: "Queries",
-  query_variables: "Variables",
-  mutations: "Mutations",
-  subscriptions: "Subscriptions",
-  types: "Types",
-  send: "Send",
-  background: "배경",
-  color: "색상",
-  labels: "Labels",
-  multi_color: "Multi-color",
-  enabled: "허용",
-  disabled: "허용안함",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Postwoman의 공식적인 Proxy는 ApolloTV가 호스트 합니다.",
-  read_the: "Read the",
-  apollotv_privacy_policy: "ApolloTV 개인정보 처리방침",
-  contact_us: "문의 하기",
-  connect: "연결",
-  disconnect: "연결 중지",
-  start: "시작",
-  stop: "중지",
-  access_token: "Access Token",
-  token_list: "Token List",
-  get_token: "Get New Token",
-  manage_token: "Manage Access Token",
-  save_token: "Save Access Token",
-  use_token: "Use Saved Token",
-  request_token: "Request Token",
-  save_token_req: "Save Token Request",
-  manage_token_req: "Manage Token Request",
-  use_token_req: "Use Token Request",
-  token_req_name: "Request Name",
-  token_req_details: "Request Details",
-  token_name: "Token Name",
-  oidc_discovery_url: "OIDC Discovery URL",
-  auth_url: "Auth URL",
-  access_token_url: "Access Token URL",
-  client_id: "Client ID",
-  scope: "Scope",
-  state: "State",
-  token_req_list: "Token Request List",
-  no_path: "No path",
-  no_label: "No label",
-  prerequest_script: "Pre-Request Script",
-  no_prerequest_script: "No pre-request script",
-  search_history: "히스토리 검색",
-  history_empty: "히스토리가 비었습니다",
-  history_deleted: "History Deleted",
-  clear: "비우기",
-  clear_all: "모두 비우기",
-  cleared: "Cleared",
-  close: "Close",
-  sort: "정렬",
-  time: "Time",
-  duration: "Duration",
-  no_duration: "No duration",
-  show_more: "Show more",
-  hide_more: "Hide more",
-  collection: "Collection",
-  current_collection: "Current Collection",
-  select_collection: "Select a Collection",
-  create_collection: "Create a Collection",
-  new: "New",
-  import_export: "Import / Export",
-  more: "더보기",
-  folder: "Folder",
-  new_folder: "New Folder",
-  my_new_folder: "My New Folder",
-  folder_empty: "Folder is empty",
-  edit_folder: "Edit Folder",
-  edit: "Edit",
-  delete: "Delete",
-  deleted: "Deleted",
-  undo: "되돌리기",
-  collection_empty: "Collection is empty",
-  new_collection: "New Collection",
-  my_new_collection: "My New Collection",
-  edit_collection: "Edit Collection",
-  edit_request: "Edit Request",
-  save_request_as: "Save Request As",
-  export: "내보내기",
-  connecting_to: "Connecting to {name}...",
-  connected: "연결됨",
-  connected_to: "{name} (으)로 연결됨",
-  disconnected: "연결 해제",
-  disconnected_from: "Disconnected from {name}",
-  something_went_wrong: "Something went wrong!",
-  error_occurred: "An error has occurred.",
-  browser_support_sse: "This browser doesn't seems to have Server Sent Events support.",
-  log: "Log",
-  no_url: "No URL",
-  run_query: "Run Query",
-  copy_query: "Copy Query",
-  kinda_dark: "Kinda Dark",
-  clearly_white: "Clearly White",
-  just_black: "Just Black",
-  auto_system: "Auth (system)",
-  green: "Green",
-  yellow: "노랑",
-  pink: "핑크",
-  red: "빨강",
-  purple: "보라",
-  orange: "오렌지",
-  cyan: "청록",
-  blue: "파랑",
-  loading: "로딩...",
-  fetching: "Fetching...",
-  waiting_send_req: "(waiting to send request)",
-  cancel: "취소",
-  save: "저장",
-  dismiss: "무시",
-  are_you_sure: "Are you sure?",
-  yes: "예",
-  no: "아니오",
-  restore: "복구",
-  add_star: "Add star",
-  remove_star: "Remove star",
-  nothing_found: "Nothing found",
-  replace_current: "Replace current",
-  replace_json: "Replace with JSON",
-  preserve_current: "Preserve current",
-  import_json: "Import from JSON",
-  download_file: "파일 다운로드",
-  upload_file: "파일 업로드",
-  copy_response: "Copy response",
-  copy_code: "Copy code",
-  copy_schema: "Copy Schema",
-  use_request: "Use request",
-  documentation: "문서화",
-  docs: "Docs",
-  reset_default: "기본값으로 재설정",
-  fields: "FIELDS",
-  deprecated: "DEPRECATED",
-  add_one_header: "(add at least one header)",
-  add_one_parameter: "(add at least one parameter)",
-  header_count: "header {count}",
-  parameter_count: "parameter {count}",
-  variable_count: "variable {count}",
-  value_count: "value {count}",
-  send_request_first: "Send a request first",
-  generate_docs: "Generate Documentation",
-  generate_docs_message: "Import any Postwoman Collection to Generate Documentation on-the-go.",
-  generate_docs_first: "Generate documentation first",
-  docs_generated: "Documentation generated",
-  import_collections: "Import collections",
-  optional: "(optional)",
-  json: "JSON",
-  none: "None",
-  username: "사용자명",
-  password: "암호",
-  token: "Token",
-  payload: "Payload",
-  choose_file: "파일 선택",
-  file_imported: "File imported",
-  f12_details: "(F12 for details)",
-  we_use_cookies: "우리는 쿠키를 사용합니다",
-  copied_to_clipboard: "Copied to clipboard",
-  finished_in: "Finished in {duration}ms",
-  check_console_details: "Check console for details.",
-  download_started: "Download started",
-  url_invalid_format: "URL is not formatted properly",
-  curl_invalid_format: "cURL is not formatted properly",
-  enable_proxy: "Try enabling Proxy",
-  complete_config_urls: "Please complete configuration urls.",
-  token_request_saved: "Token request saved",
-  donate_info1:
-    "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
-  donate_info2: "You can support Postwoman development via the following methods:",
-  one_time_recurring: "One-time or recurring",
-  one_time: "One-time",
-  recurring: "Recurring",
-  wiki: "위키",
-  error: "오류",
-  go_home: "Go Home",
-  reload: "새로고침",
-  enter_curl: "Enter cURL",
-  empty: "Empty",
-  extensions: "확장 프로그램",
-  extensions_info1: "Postwoman의 액세스를 단순화 하는 브라우저 확장 프로그램",
-  extensions_info2: "Postwoman 확장 프로그램을 설치해보세요!",
-  installed: "설치함",
-  login_with: "Login with",
-  logged_out: "Logged out",
-  logout: "로그아웃",
-  account: "계정",
-  sync: "동기화",
-  turn_on: "Turn on",
-  login_first: "Login first",
-  paste_a_collection: "Paste a Collection",
-  import_from_sync: "Import from Sync",
-}
diff --git a/lang/ko-KR.json b/lang/ko-KR.json
new file mode 100644
index 000000000..14907e68f
--- /dev/null
+++ b/lang/ko-KR.json
@@ -0,0 +1,260 @@
+{
+  "home": "홈",
+  "realtime": "실시간",
+  "graphql": "GraphQL",
+  "settings": "설정",
+  "request": "Request",
+  "install_pwa": "PWA 설치",
+  "support_us": "도와주기",
+  "tweet": "트윗",
+  "options": "옵션",
+  "communication": "통신",
+  "endpoint": "Endpoint",
+  "schema": "Schema",
+  "theme": "테마",
+  "subscribe": "구독",
+  "choose_language": "언어 선택",
+  "shortcuts": "단축키",
+  "send_request": "Send Request",
+  "save_to_collections": "Save to Collections",
+  "copy_request_link": "Copy Request Link",
+  "reset_request": "Reset Request",
+  "support_us_on": "Support us on",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "JavaScript 코드",
+  "method": "Method",
+  "path": "Path",
+  "label": "Label",
+  "again": "Again",
+  "content_type": "Content Type",
+  "raw_input": "Raw input",
+  "parameter_list": "Parameter List",
+  "raw_request_body": "Raw Request Body",
+  "show_code": "Show Code",
+  "hide_code": "Hide Code",
+  "show_prerequest_script": "Show Pre-Request Script",
+  "hide_prerequest_script": "Hide Pre-Request Script",
+  "authentication": "Authentication",
+  "authentication_type": "Authentication type",
+  "include_in_url": "Include in URL",
+  "parameters": "Parameters",
+  "expand_response": "Expand response",
+  "collapse_response": "Collapse response",
+  "hide_preview": "Hide Preview",
+  "preview_html": "Preview HTML",
+  "history": "히스토리",
+  "collections": "Collections",
+  "import_curl": "Import cURL",
+  "import": "가져오기",
+  "generate_code": "Generate code",
+  "request_type": "Request type",
+  "generated_code": "Generated code",
+  "status": "상태",
+  "headers": "Headers",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(waiting for connection)",
+  "message": "Message",
+  "sse": "SSE",
+  "server": "Server",
+  "events": "Events",
+  "url": "URL",
+  "get_schema": "Get schema",
+  "header_list": "Header list",
+  "add_new": "추가",
+  "response": "Response",
+  "query": "Query",
+  "queries": "Queries",
+  "query_variables": "Variables",
+  "mutations": "Mutations",
+  "subscriptions": "Subscriptions",
+  "types": "Types",
+  "send": "Send",
+  "background": "배경",
+  "color": "색상",
+  "labels": "Labels",
+  "multi_color": "Multi-color",
+  "enabled": "허용",
+  "disabled": "허용안함",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Postwoman의 공식적인 Proxy는 ApolloTV가 호스트 합니다.",
+  "read_the": "Read the",
+  "apollotv_privacy_policy": "ApolloTV 개인정보 처리방침",
+  "contact_us": "문의 하기",
+  "connect": "연결",
+  "disconnect": "연결 중지",
+  "start": "시작",
+  "stop": "중지",
+  "access_token": "Access Token",
+  "token_list": "Token List",
+  "get_token": "Get New Token",
+  "manage_token": "Manage Access Token",
+  "save_token": "Save Access Token",
+  "use_token": "Use Saved Token",
+  "request_token": "Request Token",
+  "save_token_req": "Save Token Request",
+  "manage_token_req": "Manage Token Request",
+  "use_token_req": "Use Token Request",
+  "token_req_name": "Request Name",
+  "token_req_details": "Request Details",
+  "token_name": "Token Name",
+  "oidc_discovery_url": "OIDC Discovery URL",
+  "auth_url": "Auth URL",
+  "access_token_url": "Access Token URL",
+  "client_id": "Client ID",
+  "scope": "Scope",
+  "state": "State",
+  "token_req_list": "Token Request List",
+  "no_path": "No path",
+  "no_label": "No label",
+  "prerequest_script": "Pre-Request Script",
+  "no_prerequest_script": "No pre-request script",
+  "search_history": "히스토리 검색",
+  "history_empty": "히스토리가 비었습니다",
+  "history_deleted": "History Deleted",
+  "clear": "비우기",
+  "clear_all": "모두 비우기",
+  "cleared": "Cleared",
+  "close": "Close",
+  "sort": "정렬",
+  "time": "Time",
+  "duration": "Duration",
+  "no_duration": "No duration",
+  "show_more": "Show more",
+  "hide_more": "Hide more",
+  "collection": "Collection",
+  "current_collection": "Current Collection",
+  "select_collection": "Select a Collection",
+  "create_collection": "Create a Collection",
+  "new": "New",
+  "import_export": "Import / Export",
+  "more": "더보기",
+  "folder": "Folder",
+  "new_folder": "New Folder",
+  "my_new_folder": "My New Folder",
+  "folder_empty": "Folder is empty",
+  "edit_folder": "Edit Folder",
+  "edit": "Edit",
+  "delete": "Delete",
+  "deleted": "Deleted",
+  "undo": "되돌리기",
+  "collection_empty": "Collection is empty",
+  "new_collection": "New Collection",
+  "my_new_collection": "My New Collection",
+  "edit_collection": "Edit Collection",
+  "edit_request": "Edit Request",
+  "save_request_as": "Save Request As",
+  "export": "내보내기",
+  "connecting_to": "Connecting to {name}...",
+  "connected": "연결됨",
+  "connected_to": "{name} (으)로 연결됨",
+  "disconnected": "연결 해제",
+  "disconnected_from": "Disconnected from {name}",
+  "something_went_wrong": "Something went wrong!",
+  "error_occurred": "An error has occurred.",
+  "browser_support_sse": "This browser doesn't seems to have Server Sent Events support.",
+  "log": "Log",
+  "no_url": "No URL",
+  "run_query": "Run Query",
+  "copy_query": "Copy Query",
+  "kinda_dark": "Kinda Dark",
+  "clearly_white": "Clearly White",
+  "just_black": "Just Black",
+  "auto_system": "Auth (system)",
+  "green": "Green",
+  "yellow": "노랑",
+  "pink": "핑크",
+  "red": "빨강",
+  "purple": "보라",
+  "orange": "오렌지",
+  "cyan": "청록",
+  "blue": "파랑",
+  "loading": "로딩...",
+  "fetching": "Fetching...",
+  "waiting_send_req": "(waiting to send request)",
+  "cancel": "취소",
+  "save": "저장",
+  "dismiss": "무시",
+  "are_you_sure": "Are you sure?",
+  "yes": "예",
+  "no": "아니오",
+  "restore": "복구",
+  "add_star": "Add star",
+  "remove_star": "Remove star",
+  "nothing_found": "Nothing found",
+  "replace_current": "Replace current",
+  "replace_json": "Replace with JSON",
+  "preserve_current": "Preserve current",
+  "import_json": "Import from JSON",
+  "download_file": "파일 다운로드",
+  "upload_file": "파일 업로드",
+  "copy_response": "Copy response",
+  "copy_code": "Copy code",
+  "copy_schema": "Copy Schema",
+  "use_request": "Use request",
+  "documentation": "문서화",
+  "docs": "Docs",
+  "reset_default": "기본값으로 재설정",
+  "fields": "FIELDS",
+  "deprecated": "DEPRECATED",
+  "add_one_header": "(add at least one header)",
+  "add_one_parameter": "(add at least one parameter)",
+  "header_count": "header {count}",
+  "parameter_count": "parameter {count}",
+  "variable_count": "variable {count}",
+  "value_count": "value {count}",
+  "send_request_first": "Send a request first",
+  "generate_docs": "Generate Documentation",
+  "generate_docs_message": "Import any Postwoman Collection to Generate Documentation on-the-go.",
+  "generate_docs_first": "Generate documentation first",
+  "docs_generated": "Documentation generated",
+  "import_collections": "Import collections",
+  "optional": "(optional)",
+  "json": "JSON",
+  "none": "None",
+  "username": "사용자명",
+  "password": "암호",
+  "token": "Token",
+  "payload": "Payload",
+  "choose_file": "파일 선택",
+  "file_imported": "File imported",
+  "f12_details": "(F12 for details)",
+  "we_use_cookies": "우리는 쿠키를 사용합니다",
+  "copied_to_clipboard": "Copied to clipboard",
+  "finished_in": "Finished in {duration}ms",
+  "check_console_details": "Check console for details.",
+  "download_started": "Download started",
+  "url_invalid_format": "URL is not formatted properly",
+  "curl_invalid_format": "cURL is not formatted properly",
+  "enable_proxy": "Try enabling Proxy",
+  "complete_config_urls": "Please complete configuration urls.",
+  "token_request_saved": "Token request saved",
+  "donate_info1": "If you have enjoyed the productivity of using Postwoman, consider donating as a sign of appreciation.",
+  "donate_info2": "You can support Postwoman development via the following methods:",
+  "one_time_recurring": "One-time or recurring",
+  "one_time": "One-time",
+  "recurring": "Recurring",
+  "wiki": "위키",
+  "error": "오류",
+  "go_home": "Go Home",
+  "reload": "새로고침",
+  "enter_curl": "Enter cURL",
+  "empty": "Empty",
+  "extensions": "확장 프로그램",
+  "extensions_info1": "Postwoman의 액세스를 단순화 하는 브라우저 확장 프로그램",
+  "extensions_info2": "Postwoman 확장 프로그램을 설치해보세요!",
+  "installed": "설치함",
+  "login_with": "Login with",
+  "logged_out": "Logged out",
+  "logout": "로그아웃",
+  "account": "계정",
+  "sync": "동기화",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments",
+  "turn_on": "Turn on",
+  "login_first": "Login first",
+  "paste_a_collection": "Paste a Collection",
+  "import_from_sync": "Import from Sync"
+}
diff --git a/lang/pt-BR.js b/lang/pt-BR.js
deleted file mode 100644
index 93297077d..000000000
--- a/lang/pt-BR.js
+++ /dev/null
@@ -1,89 +0,0 @@
-export default {
-  home: "Home",
-  realtime: "Tempo real",
-  graphql: "GraphQL",
-  settings: "Configurações",
-  request: "Request",
-  install_pwa: "Instalar PWA",
-  support_us: "Nos ajude",
-  tweet: "Tweet",
-  options: "Opções",
-  communication: "Comunicação",
-  endpoint: "Endpoint",
-  schema: "Schema",
-  theme: "Tema",
-  subscribe: "Subscribe",
-  choose_language: "Escolher idioma",
-  shortcuts: "Atalhos",
-  send_request: "Enviar request",
-  save_to_collections: "Salvar nas coleções",
-  copy_request_link: "Copiar link da request",
-  reset_request: "Reiniciar request",
-  support_us_on: "Nos ajude no",
-  open_collective: "Abrir coletivamente",
-  paypal: "Paypal",
-  patreon: "Patreon",
-  javascript_code: "Codigo JavaScript",
-  method: "Método",
-  path: "Caminho",
-  label: "Label",
-  again: "Novamente",
-  content_type: "Content Type",
-  raw_input: "Raw input",
-  parameter_list: "Lista de parâmetros",
-  raw_request_body: "Raw request body",
-  show_code: "Mostrar código",
-  hide_code: "Esconder código",
-  show_prerequest_script: "Mostrar script de pré-request",
-  hide_prerequest_script: "Esconder script de pré-request",
-  authentication: "Autenticação",
-  authentication_type: "Tipo de autenticação",
-  include_in_url: "Incluir na url",
-  parameters: "Parâmetros",
-  expand_response: "Expandir response",
-  collapse_response: "Esconder response",
-  hide_preview: "Esconder preview",
-  preview_html: "Preview html",
-  history: "Histórico",
-  collections: "Coleções",
-  import_curl: "Importar curl",
-  import: "Importar",
-  generate_code: "Gerar código",
-  request_type: "Tipo de request",
-  generated_code: "Código gerado",
-  status: "Status",
-  headers: "Headers",
-  websocket: "Websocket",
-  waiting_for_connection: "(aguardando conexão)",
-  message: "Mensagem",
-  sse: "SSE",
-  server: "Servidor",
-  events: "Eventos",
-  url: "URL",
-  get_schema: "Get schema",
-  header_list: "Lista de headers",
-  add_new: "Adicionar novo",
-  response: "Response",
-  query: "Query",
-  queries: "Queries",
-  query_variables: "Variáveis",
-  mutations: "Mutações",
-  subscriptions: "Assinaturas",
-  types: "Tipos",
-  send: "Enviar",
-  background: "Fundo",
-  color: "Cor",
-  labels: "Labels",
-  multi_color: "Multi cor",
-  enabled: "Ativado",
-  disabled: "Desativado",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Postwoman's alojamento proxy oficial",
-  read_the: "Leia o",
-  apollosw_privacy_policy: "Apollo Software Política de Privacidade",
-  contact_us: "Contate-Nos",
-  connect: "Conectar",
-  disconnect: "Desconectar",
-  start: "Começar",
-  stop: "Pare",
-}
diff --git a/lang/pt-BR.json b/lang/pt-BR.json
new file mode 100644
index 000000000..91ab21060
--- /dev/null
+++ b/lang/pt-BR.json
@@ -0,0 +1,92 @@
+{
+  "home": "Home",
+  "realtime": "Tempo real",
+  "graphql": "GraphQL",
+  "settings": "Configurações",
+  "request": "Request",
+  "install_pwa": "Instalar PWA",
+  "support_us": "Nos ajude",
+  "tweet": "Tweet",
+  "options": "Opções",
+  "communication": "Comunicação",
+  "endpoint": "Endpoint",
+  "schema": "Schema",
+  "theme": "Tema",
+  "subscribe": "Subscribe",
+  "choose_language": "Escolher idioma",
+  "shortcuts": "Atalhos",
+  "send_request": "Enviar request",
+  "save_to_collections": "Salvar nas coleções",
+  "copy_request_link": "Copiar link da request",
+  "reset_request": "Reiniciar request",
+  "support_us_on": "Nos ajude no",
+  "open_collective": "Abrir coletivamente",
+  "paypal": "Paypal",
+  "patreon": "Patreon",
+  "javascript_code": "Codigo JavaScript",
+  "method": "Método",
+  "path": "Caminho",
+  "label": "Label",
+  "again": "Novamente",
+  "content_type": "Content Type",
+  "raw_input": "Raw input",
+  "parameter_list": "Lista de parâmetros",
+  "raw_request_body": "Raw request body",
+  "show_code": "Mostrar código",
+  "hide_code": "Esconder código",
+  "show_prerequest_script": "Mostrar script de pré-request",
+  "hide_prerequest_script": "Esconder script de pré-request",
+  "authentication": "Autenticação",
+  "authentication_type": "Tipo de autenticação",
+  "include_in_url": "Incluir na url",
+  "parameters": "Parâmetros",
+  "expand_response": "Expandir response",
+  "collapse_response": "Esconder response",
+  "hide_preview": "Esconder preview",
+  "preview_html": "Preview html",
+  "history": "Histórico",
+  "collections": "Coleções",
+  "import_curl": "Importar curl",
+  "import": "Importar",
+  "generate_code": "Gerar código",
+  "request_type": "Tipo de request",
+  "generated_code": "Código gerado",
+  "status": "Status",
+  "headers": "Headers",
+  "websocket": "Websocket",
+  "waiting_for_connection": "(aguardando conexão)",
+  "message": "Mensagem",
+  "sse": "SSE",
+  "server": "Servidor",
+  "events": "Eventos",
+  "url": "URL",
+  "get_schema": "Get schema",
+  "header_list": "Lista de headers",
+  "add_new": "Adicionar novo",
+  "response": "Response",
+  "query": "Query",
+  "queries": "Queries",
+  "query_variables": "Variáveis",
+  "mutations": "Mutações",
+  "subscriptions": "Assinaturas",
+  "types": "Tipos",
+  "send": "Enviar",
+  "background": "Fundo",
+  "color": "Cor",
+  "labels": "Labels",
+  "multi_color": "Multi cor",
+  "enabled": "Ativado",
+  "disabled": "Desativado",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Postwoman's alojamento proxy oficial",
+  "read_the": "Leia o",
+  "apollosw_privacy_policy": "Apollo Software Política de Privacidade",
+  "contact_us": "Contate-Nos",
+  "connect": "Conectar",
+  "disconnect": "Desconectar",
+  "start": "Começar",
+  "stop": "Pare",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/lang/tr-TR.js b/lang/tr-TR.js
deleted file mode 100644
index 09ba4e0db..000000000
--- a/lang/tr-TR.js
+++ /dev/null
@@ -1,89 +0,0 @@
-export default {
-  home: "Ana Sayfa",
-  realtime: "Realtime",
-  graphql: "GraphQL",
-  settings: "Ayarlar",
-  request: "İstek",
-  install_pwa: "PWA yükle",
-  support_us: "Bize destek ol",
-  tweet: "Tweet",
-  options: "Options",
-  communication: "İletişim",
-  endpoint: "Endpoint",
-  schema: "Taslak",
-  theme: "Tema",
-  subscribe: "Abonelik",
-  choose_language: "Dil seç",
-  shortcuts: "Kısayollar",
-  send_request: "İstek gönder",
-  save_to_collections: "Koleksiyonları kaydet",
-  copy_request_link: "İstek adresini kopyala",
-  reset_request: "İstekleri resetle",
-  support_us_on: "Bizi destekle",
-  open_collective: "Open Collective",
-  paypal: "PayPal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript code",
-  method: "Metot",
-  path: "Yol",
-  label: "Etiket",
-  again: "Yeniden",
-  content_type: "İçerik tipi",
-  raw_input: "Raw giriş",
-  parameter_list: "Parametre listesi",
-  raw_request_body: "Raw istek içeriği",
-  show_code: "Kodu göster",
-  hide_code: "Kodu gizle",
-  show_prerequest_script: "Pre-Request scriptini göster",
-  hide_prerequest_script: "Pre-Request scriptini gizle",
-  authentication: "Authentication",
-  authentication_type: "Authentication tipi",
-  include_in_url: "URL'den içeri aktar",
-  parameters: "Parametre",
-  expand_response: "Cevabı genişlet",
-  collapse_response: "Cevap daralt",
-  hide_preview: "Görüntülemeyi gizle",
-  preview_html: "HTML formatında görüntüle",
-  history: "Geçmiş",
-  collections: "Koleksiyonlar",
-  import_curl: "cURL içeri aktar",
-  import: "İçeri Aktar",
-  generate_code: "Kod Üret",
-  request_type: "Request tipi",
-  generated_code: "Üretilen Kod",
-  status: "Durum",
-  headers: "Headers",
-  websocket: "WebSocket",
-  waiting_for_connection: "(esperando por conexión)",
-  message: "Mesaj",
-  sse: "SSE",
-  server: "Server",
-  events: "Events",
-  url: "URL",
-  get_schema: "Taslak",
-  header_list: "Header listesi",
-  add_new: "Yeni Ekle",
-  response: "Cevap",
-  query: "Sorgu",
-  queries: "Sorgular",
-  query_variables: "Değişkenler",
-  mutations: "Değişimler",
-  subscriptions: "Aboneler",
-  types: "Tipler",
-  send: "Gönder",
-  background: "Arka Plan",
-  color: "Renk",
-  labels: "Etiketler",
-  multi_color: "Çoklu renk",
-  enabled: "Aktif",
-  disabled: "Aktif değil",
-  proxy: "Proxy",
-  postwoman_official_proxy_hosting: "Proxy Oficial de Postwoman está hospedado en Apollo Software.",
-  read_the: "Leer la",
-  apollosw_privacy_policy: "Apollo Software gizlilik politikaları",
-  contact_us: "Bizimle iletişime geçin",
-  connect: "Bağlan",
-  disconnect: "Kesmek",
-  start: "Başla",
-  stop: "Durdurmak",
-}
diff --git a/lang/tr-TR.json b/lang/tr-TR.json
new file mode 100644
index 000000000..f9bc142f7
--- /dev/null
+++ b/lang/tr-TR.json
@@ -0,0 +1,92 @@
+{
+  "home": "Ana Sayfa",
+  "realtime": "Realtime",
+  "graphql": "GraphQL",
+  "settings": "Ayarlar",
+  "request": "İstek",
+  "install_pwa": "PWA yükle",
+  "support_us": "Bize destek ol",
+  "tweet": "Tweet",
+  "options": "Options",
+  "communication": "İletişim",
+  "endpoint": "Endpoint",
+  "schema": "Taslak",
+  "theme": "Tema",
+  "subscribe": "Abonelik",
+  "choose_language": "Dil seç",
+  "shortcuts": "Kısayollar",
+  "send_request": "İstek gönder",
+  "save_to_collections": "Koleksiyonları kaydet",
+  "copy_request_link": "İstek adresini kopyala",
+  "reset_request": "İstekleri resetle",
+  "support_us_on": "Bizi destekle",
+  "open_collective": "Open Collective",
+  "paypal": "PayPal",
+  "patreon": "Patreon",
+  "javascript_code": "JavaScript code",
+  "method": "Metot",
+  "path": "Yol",
+  "label": "Etiket",
+  "again": "Yeniden",
+  "content_type": "İçerik tipi",
+  "raw_input": "Raw giriş",
+  "parameter_list": "Parametre listesi",
+  "raw_request_body": "Raw istek içeriği",
+  "show_code": "Kodu göster",
+  "hide_code": "Kodu gizle",
+  "show_prerequest_script": "Pre-Request scriptini göster",
+  "hide_prerequest_script": "Pre-Request scriptini gizle",
+  "authentication": "Authentication",
+  "authentication_type": "Authentication tipi",
+  "include_in_url": "URL'den içeri aktar",
+  "parameters": "Parametre",
+  "expand_response": "Cevabı genişlet",
+  "collapse_response": "Cevap daralt",
+  "hide_preview": "Görüntülemeyi gizle",
+  "preview_html": "HTML formatında görüntüle",
+  "history": "Geçmiş",
+  "collections": "Koleksiyonlar",
+  "import_curl": "cURL içeri aktar",
+  "import": "İçeri Aktar",
+  "generate_code": "Kod Üret",
+  "request_type": "Request tipi",
+  "generated_code": "Üretilen Kod",
+  "status": "Durum",
+  "headers": "Headers",
+  "websocket": "WebSocket",
+  "waiting_for_connection": "(esperando por conexión)",
+  "message": "Mesaj",
+  "sse": "SSE",
+  "server": "Server",
+  "events": "Events",
+  "url": "URL",
+  "get_schema": "Taslak",
+  "header_list": "Header listesi",
+  "add_new": "Yeni Ekle",
+  "response": "Cevap",
+  "query": "Sorgu",
+  "queries": "Sorgular",
+  "query_variables": "Değişkenler",
+  "mutations": "Değişimler",
+  "subscriptions": "Aboneler",
+  "types": "Tipler",
+  "send": "Gönder",
+  "background": "Arka Plan",
+  "color": "Renk",
+  "labels": "Etiketler",
+  "multi_color": "Çoklu renk",
+  "enabled": "Aktif",
+  "disabled": "Aktif değil",
+  "proxy": "Proxy",
+  "postwoman_official_proxy_hosting": "Proxy Oficial de Postwoman está hospedado en Apollo Software.",
+  "read_the": "Leer la",
+  "apollosw_privacy_policy": "Apollo Software gizlilik politikaları",
+  "contact_us": "Bizimle iletişime geçin",
+  "connect": "Bağlan",
+  "disconnect": "Kesmek",
+  "start": "Başla",
+  "stop": "Durdurmak",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/lang/zh-CN.js b/lang/zh-CN.js
deleted file mode 100644
index 60f2f3f3e..000000000
--- a/lang/zh-CN.js
+++ /dev/null
@@ -1,89 +0,0 @@
-export default {
-  home: "主页",
-  realtime: "长连接",
-  graphql: "GraphQL",
-  settings: "设置",
-  request: "请求",
-  install_pwa: "安装PWA应用",
-  support_us: "支持我们",
-  tweet: "推特",
-  options: "选项",
-  communication: "联系我们",
-  endpoint: "服务端点",
-  schema: "模式",
-  theme: "主题",
-  subscribe: "订阅",
-  choose_language: "选择语言",
-  shortcuts: "快捷键",
-  send_request: "发送请求",
-  save_to_collections: "保存到收藏夹",
-  copy_request_link: "复制请求链接",
-  reset_request: "重置请求",
-  support_us_on: "支持我们",
-  open_collective: "Open Collective",
-  paypal: "Paypal",
-  patreon: "Patreon",
-  javascript_code: "JavaScript代码",
-  method: "方法",
-  path: "路径",
-  label: "标签",
-  again: "重试",
-  content_type: "内容类型",
-  raw_input: "raw数据",
-  parameter_list: "参数列表",
-  raw_request_body: "raw请求主体",
-  show_code: "显示代码",
-  hide_code: "隐藏代码",
-  show_prerequest_script: "显示预请求脚本",
-  hide_prerequest_script: "隐藏预请求脚本",
-  authentication: "认证方式",
-  authentication_type: "认证类型",
-  include_in_url: "包含在URL中",
-  parameters: "参数",
-  expand_response: "展开显示响应内容",
-  collapse_response: "折叠显示响应内容",
-  hide_preview: "隐藏预览",
-  preview_html: "预览HTML",
-  history: "历史记录",
-  collections: "收藏夹",
-  import_curl: "批量导入",
-  import: "导入",
-  generate_code: "生成代码",
-  request_type: "请求类型",
-  generated_code: "生成的代码",
-  status: "状态码",
-  headers: "请求头",
-  websocket: "Websocket",
-  waiting_for_connection: "（等待连接）",
-  message: "消息内容",
-  sse: "SSE",
-  server: "Server",
-  events: "事件",
-  url: "地址",
-  get_schema: "获取模式",
-  header_list: "请求头列表",
-  add_new: "添加",
-  response: "响应",
-  query: "查询",
-  queries: "查询",
-  query_variables: "变数",
-  mutations: "Mutations",
-  subscriptions: "订阅",
-  types: "种类",
-  send: "发送",
-  background: "背景",
-  color: "颜色",
-  labels: "标签",
-  multi_color: "彩色",
-  enabled: "已启用",
-  disabled: "已禁用",
-  proxy: "代理",
-  postwoman_official_proxy_hosting: "Postwoman的官方代理由Apollo Software托管",
-  read_the: "阅读",
-  apollosw_privacy_policy: "Apollo Software隐私政策",
-  contact_us: "联系我们",
-  connect: "连接",
-  disconnect: "断开",
-  start: "开始",
-  stop: "停止",
-}
diff --git a/lang/zh-CN.json b/lang/zh-CN.json
new file mode 100644
index 000000000..0ad1ae7e6
--- /dev/null
+++ b/lang/zh-CN.json
@@ -0,0 +1,92 @@
+{
+  "home": "主页",
+  "realtime": "长连接",
+  "graphql": "GraphQL",
+  "settings": "设置",
+  "request": "请求",
+  "install_pwa": "安装PWA应用",
+  "support_us": "支持我们",
+  "tweet": "推特",
+  "options": "选项",
+  "communication": "联系我们",
+  "endpoint": "服务端点",
+  "schema": "模式",
+  "theme": "主题",
+  "subscribe": "订阅",
+  "choose_language": "选择语言",
+  "shortcuts": "快捷键",
+  "send_request": "发送请求",
+  "save_to_collections": "保存到收藏夹",
+  "copy_request_link": "复制请求链接",
+  "reset_request": "重置请求",
+  "support_us_on": "支持我们",
+  "open_collective": "Open Collective",
+  "paypal": "Paypal",
+  "patreon": "Patreon",
+  "javascript_code": "JavaScript代码",
+  "method": "方法",
+  "path": "路径",
+  "label": "标签",
+  "again": "重试",
+  "content_type": "内容类型",
+  "raw_input": "raw数据",
+  "parameter_list": "参数列表",
+  "raw_request_body": "raw请求主体",
+  "show_code": "显示代码",
+  "hide_code": "隐藏代码",
+  "show_prerequest_script": "显示预请求脚本",
+  "hide_prerequest_script": "隐藏预请求脚本",
+  "authentication": "认证方式",
+  "authentication_type": "认证类型",
+  "include_in_url": "包含在URL中",
+  "parameters": "参数",
+  "expand_response": "展开显示响应内容",
+  "collapse_response": "折叠显示响应内容",
+  "hide_preview": "隐藏预览",
+  "preview_html": "预览HTML",
+  "history": "历史记录",
+  "collections": "收藏夹",
+  "import_curl": "批量导入",
+  "import": "导入",
+  "generate_code": "生成代码",
+  "request_type": "请求类型",
+  "generated_code": "生成的代码",
+  "status": "状态码",
+  "headers": "请求头",
+  "websocket": "Websocket",
+  "waiting_for_connection": "（等待连接）",
+  "message": "消息内容",
+  "sse": "SSE",
+  "server": "Server",
+  "events": "事件",
+  "url": "地址",
+  "get_schema": "获取模式",
+  "header_list": "请求头列表",
+  "add_new": "添加",
+  "response": "响应",
+  "query": "查询",
+  "queries": "查询",
+  "query_variables": "变数",
+  "mutations": "Mutations",
+  "subscriptions": "订阅",
+  "types": "种类",
+  "send": "发送",
+  "background": "背景",
+  "color": "颜色",
+  "labels": "标签",
+  "multi_color": "彩色",
+  "enabled": "已启用",
+  "disabled": "已禁用",
+  "proxy": "代理",
+  "postwoman_official_proxy_hosting": "Postwoman的官方代理由Apollo Software托管",
+  "read_the": "阅读",
+  "apollosw_privacy_policy": "Apollo Software隐私政策",
+  "contact_us": "联系我们",
+  "connect": "连接",
+  "disconnect": "断开",
+  "start": "开始",
+  "stop": "停止",
+  "syncHistory": "History",
+  "syncCollections": "Collections",
+  "syncEnvironments": "Environments"
+}
diff --git a/nuxt.config.js b/nuxt.config.js
index 30e60379b..f61c5fd5a 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -300,67 +300,67 @@ export default {
         code: "en",
         name: "English",
         iso: "en-US",
-        file: "en-US.js",
+        file: "en-US.json",
       },
       {
         code: "es",
         name: "Español",
         iso: "es-ES",
-        file: "es-ES.js",
+        file: "es-ES.json",
       },
       {
         code: "fr",
         name: "Français",
         iso: "fr-FR",
-        file: "fr-FR.js",
+        file: "fr-FR.json",
       },
       {
         code: "fa",
         name: "Farsi",
         iso: "fa-IR",
-        file: "fa-IR.js",
+        file: "fa-IR.json",
       },
       {
         code: "pt",
         name: "Português Brasileiro",
         iso: "pt-BR",
-        file: "pt-BR.js",
+        file: "pt-BR.json",
       },
       {
         code: "cn",
         name: "简体中文",
         iso: "zh-CN",
-        file: "zh-CN.js",
+        file: "zh-CN.json",
       },
       {
         code: "id",
         name: "Bahasa Indonesia",
         iso: "id-ID",
-        file: "id-ID.js",
+        file: "id-ID.json",
       },
       {
         code: "tr",
         name: "Türkçe",
         iso: "tr-TR",
-        file: "tr-TR.js",
+        file: "tr-TR.json",
       },
       {
         code: "de",
         name: "Deutsch",
         iso: "de-DE",
-        file: "de-DE.js",
+        file: "de-DE.json",
       },
       {
         code: "ja",
         name: "日本語",
         iso: "ja-JP",
-        file: "ja-JP.js",
+        file: "ja-JP.json",
       },
       {
         code: "ko",
         name: "한국어",
         iso: "ko-KR",
-        file: "ko-KR.js",
+        file: "ko-KR.json",
       },
     ],
     defaultLocale: "en",