diff --git a/assets/js/curlparser.js b/assets/js/curlparser.js
index 2bd7ab41b..fb0a2fc39 100644
--- a/assets/js/curlparser.js
+++ b/assets/js/curlparser.js
@@ -1,6 +1,6 @@
-import * as cookie from 'cookie'
-import * as URL from 'url'
-import * as querystring from 'querystring'
+import * as cookie from "cookie"
+import * as URL from "url"
+import * as querystring from "querystring"
 
 /**
  * given this: [ 'msg1=value1', 'msg2=value2' ]
@@ -8,7 +8,7 @@ import * as querystring from 'querystring'
  * @param dataArguments
  */
 const joinDataArguments = dataArguments => {
-  let data = ''
+  let data = ""
   dataArguments.forEach((argument, i) => {
     if (i === 0) {
       data += argument
@@ -23,23 +23,23 @@ const parseCurlCommand = curlCommand => {
   let newlineFound = /\r|\n/.exec(curlCommand)
   if (newlineFound) {
     // remove newlines
-    curlCommand = curlCommand.replace(/\r|\n/g, '')
+    curlCommand = curlCommand.replace(/\r|\n/g, "")
   }
   // yargs parses -XPOST as separate arguments. just prescreen for it.
-  curlCommand = curlCommand.replace(/ -XPOST/, ' -X POST')
-  curlCommand = curlCommand.replace(/ -XGET/, ' -X GET')
-  curlCommand = curlCommand.replace(/ -XPUT/, ' -X PUT')
-  curlCommand = curlCommand.replace(/ -XPATCH/, ' -X PATCH')
-  curlCommand = curlCommand.replace(/ -XDELETE/, ' -X DELETE')
+  curlCommand = curlCommand.replace(/ -XPOST/, " -X POST")
+  curlCommand = curlCommand.replace(/ -XGET/, " -X GET")
+  curlCommand = curlCommand.replace(/ -XPUT/, " -X PUT")
+  curlCommand = curlCommand.replace(/ -XPATCH/, " -X PATCH")
+  curlCommand = curlCommand.replace(/ -XDELETE/, " -X DELETE")
   curlCommand = curlCommand.trim()
-  let parsedArguments = require('yargs-parser')(curlCommand)
+  let parsedArguments = require("yargs-parser")(curlCommand)
   let cookieString
   let cookies
   let url = parsedArguments._[1]
   if (!url) {
     for (let argName in parsedArguments) {
-      if (typeof parsedArguments[argName] === 'string') {
-        if (['http', 'www.'].includes(parsedArguments[argName])) {
+      if (typeof parsedArguments[argName] === "string") {
+        if (["http", "www."].includes(parsedArguments[argName])) {
           url = parsedArguments[argName]
         }
       }
@@ -56,11 +56,11 @@ const parseCurlCommand = curlCommand => {
         parsedArguments[headerFieldName] = [parsedArguments[headerFieldName]]
       }
       parsedArguments[headerFieldName].forEach(header => {
-        if (header.includes('Cookie')) {
+        if (header.includes("Cookie")) {
           // stupid javascript tricks: closure
           cookieString = header
         } else {
-          let colonIndex = header.indexOf(':')
+          let colonIndex = header.indexOf(":")
           let headerName = header.substring(0, colonIndex)
           let headerValue = header.substring(colonIndex + 1).trim()
           headers[headerName] = headerValue
@@ -69,18 +69,18 @@ const parseCurlCommand = curlCommand => {
     }
   }
 
-  parseHeaders('H')
-  parseHeaders('header')
+  parseHeaders("H")
+  parseHeaders("header")
   if (parsedArguments.A) {
     if (!headers) {
       headers = []
     }
-    headers['User-Agent'] = parsedArguments.A
-  } else if (parsedArguments['user-agent']) {
+    headers["User-Agent"] = parsedArguments.A
+  } else if (parsedArguments["user-agent"]) {
     if (!headers) {
       headers = []
     }
-    headers['User-Agent'] = parsedArguments['user-agent']
+    headers["User-Agent"] = parsedArguments["user-agent"]
   }
 
   if (parsedArguments.b) {
@@ -97,7 +97,7 @@ const parseCurlCommand = curlCommand => {
     }
     parsedArguments.F.forEach(multipartArgument => {
       // input looks like key=value. value could be json or a file path prepended with an @
-      const [key, value] = multipartArgument.split('=', 2)
+      const [key, value] = multipartArgument.split("=", 2)
       multipartUploads[key] = value
     })
   }
@@ -107,33 +107,33 @@ const parseCurlCommand = curlCommand => {
     }
     // separate out cookie headers into separate data structure
     // note: cookie is case insensitive
-    cookies = cookie.parse(cookieString.replace(/^Cookie: /gi, ''), cookieParseOptions)
+    cookies = cookie.parse(cookieString.replace(/^Cookie: /gi, ""), cookieParseOptions)
   }
   let method
-  if (parsedArguments.X === 'POST') {
-    method = 'post'
-  } else if (parsedArguments.X === 'PUT' || parsedArguments['T']) {
-    method = 'put'
-  } else if (parsedArguments.X === 'PATCH') {
-    method = 'patch'
-  } else if (parsedArguments.X === 'DELETE') {
-    method = 'delete'
-  } else if (parsedArguments.X === 'OPTIONS') {
-    method = 'options'
+  if (parsedArguments.X === "POST") {
+    method = "post"
+  } else if (parsedArguments.X === "PUT" || parsedArguments["T"]) {
+    method = "put"
+  } else if (parsedArguments.X === "PATCH") {
+    method = "patch"
+  } else if (parsedArguments.X === "DELETE") {
+    method = "delete"
+  } else if (parsedArguments.X === "OPTIONS") {
+    method = "options"
   } else if (
-    (parsedArguments['d'] ||
-      parsedArguments['data'] ||
-      parsedArguments['data-ascii'] ||
-      parsedArguments['data-binary'] ||
-      parsedArguments['F'] ||
-      parsedArguments['form']) &&
-    !(parsedArguments['G'] || parsedArguments['get'])
+    (parsedArguments["d"] ||
+      parsedArguments["data"] ||
+      parsedArguments["data-ascii"] ||
+      parsedArguments["data-binary"] ||
+      parsedArguments["F"] ||
+      parsedArguments["form"]) &&
+    !(parsedArguments["G"] || parsedArguments["get"])
   ) {
-    method = 'post'
-  } else if (parsedArguments['I'] || parsedArguments['head']) {
-    method = 'head'
+    method = "post"
+  } else if (parsedArguments["I"] || parsedArguments["head"]) {
+    method = "head"
   } else {
-    method = 'get'
+    method = "get"
   }
 
   let compressed = !!parsedArguments.compressed
@@ -141,20 +141,20 @@ const parseCurlCommand = curlCommand => {
 
   // if GET request with data, convert data to query string
   // NB: the -G flag does not change the http verb. It just moves the data into the url.
-  if (parsedArguments['G'] || parsedArguments['get']) {
-    urlObject.query = urlObject.query ? urlObject.query : ''
-    let option = 'd' in parsedArguments ? 'd' : 'data' in parsedArguments ? 'data' : null
+  if (parsedArguments["G"] || parsedArguments["get"]) {
+    urlObject.query = urlObject.query ? urlObject.query : ""
+    let option = "d" in parsedArguments ? "d" : "data" in parsedArguments ? "data" : null
     if (option) {
-      let urlQueryString = ''
+      let urlQueryString = ""
 
-      if (!url.includes('?')) {
-        url += '?'
+      if (!url.includes("?")) {
+        url += "?"
       } else {
-        urlQueryString += '&'
+        urlQueryString += "&"
       }
 
-      if (typeof parsedArguments[option] === 'object') {
-        urlQueryString += parsedArguments[option].join('&')
+      if (typeof parsedArguments[option] === "object") {
+        urlQueryString += parsedArguments[option].join("&")
       } else {
         urlQueryString += parsedArguments[option]
       }
@@ -173,7 +173,7 @@ const parseCurlCommand = curlCommand => {
     urlWithoutQuery: URL.format(urlObject),
   }
   if (compressed) {
-    request['compressed'] = true
+    request["compressed"] = true
   }
 
   if (Object.keys(query).length > 0) {
@@ -182,38 +182,38 @@ const parseCurlCommand = curlCommand => {
   if (headers) {
     request.headers = headers
   }
-  request['method'] = method
+  request["method"] = method
 
   if (cookies) {
     request.cookies = cookies
-    request.cookieString = cookieString.replace('Cookie: ', '')
+    request.cookieString = cookieString.replace("Cookie: ", "")
   }
   if (multipartUploads) {
     request.multipartUploads = multipartUploads
   }
   if (parsedArguments.data) {
     request.data = parsedArguments.data
-  } else if (parsedArguments['data-binary']) {
-    request.data = parsedArguments['data-binary']
+  } else if (parsedArguments["data-binary"]) {
+    request.data = parsedArguments["data-binary"]
     request.isDataBinary = true
-  } else if (parsedArguments['d']) {
-    request.data = parsedArguments['d']
-  } else if (parsedArguments['data-ascii']) {
-    request.data = parsedArguments['data-ascii']
+  } else if (parsedArguments["d"]) {
+    request.data = parsedArguments["d"]
+  } else if (parsedArguments["data-ascii"]) {
+    request.data = parsedArguments["data-ascii"]
   }
 
-  if (parsedArguments['u']) {
-    request.auth = parsedArguments['u']
+  if (parsedArguments["u"]) {
+    request.auth = parsedArguments["u"]
   }
-  if (parsedArguments['user']) {
-    request.auth = parsedArguments['user']
+  if (parsedArguments["user"]) {
+    request.auth = parsedArguments["user"]
   }
   if (Array.isArray(request.data)) {
     request.dataArray = request.data
     request.data = joinDataArguments(request.data)
   }
 
-  if (parsedArguments['k'] || parsedArguments['insecure']) {
+  if (parsedArguments["k"] || parsedArguments["insecure"]) {
     request.insecure = true
   }
   return request
diff --git a/assets/js/oauth.js b/assets/js/oauth.js
index 539f54124..a37ddeb40 100644
--- a/assets/js/oauth.js
+++ b/assets/js/oauth.js
@@ -13,11 +13,11 @@ const redirectUri = `${window.location.origin}/`
 const sendPostRequest = async (url, params) => {
   const body = Object.keys(params)
     .map(key => `${key}=${params[key]}`)
-    .join('&')
+    .join("&")
   const options = {
-    method: 'post',
+    method: "post",
     headers: {
-      'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
+      "Content-type": "application/x-www-form-urlencoded; charset=UTF-8",
     },
     body,
   }
@@ -26,7 +26,7 @@ const sendPostRequest = async (url, params) => {
     const data = await response.json()
     return data
   } catch (err) {
-    console.error('Request failed', err)
+    console.error("Request failed", err)
     throw err
   }
 }
@@ -39,10 +39,10 @@ const sendPostRequest = async (url, params) => {
  */
 
 const parseQueryString = searchQuery => {
-  if (searchQuery === '') {
+  if (searchQuery === "") {
     return {}
   }
-  const segments = searchQuery.split('&').map(s => s.split('='))
+  const segments = searchQuery.split("&").map(s => s.split("="))
   const queryString = segments.reduce((obj, el) => ({ ...obj, [el[0]]: el[1] }), {})
   return queryString
 }
@@ -55,9 +55,9 @@ const parseQueryString = searchQuery => {
 
 const getTokenConfiguration = async endpoint => {
   const options = {
-    method: 'GET',
+    method: "GET",
     headers: {
-      'Content-type': 'application/json',
+      "Content-type": "application/json",
     },
   }
   try {
@@ -65,7 +65,7 @@ const getTokenConfiguration = async endpoint => {
     const config = await response.json()
     return config
   } catch (err) {
-    console.error('Request failed', err)
+    console.error("Request failed", err)
     throw err
   }
 }
@@ -81,7 +81,7 @@ const getTokenConfiguration = async endpoint => {
 const generateRandomString = () => {
   const array = new Uint32Array(28)
   window.crypto.getRandomValues(array)
-  return Array.from(array, dec => `0${dec.toString(16)}`.substr(-2)).join('')
+  return Array.from(array, dec => `0${dec.toString(16)}`.substr(-2)).join("")
 }
 
 /**
@@ -93,7 +93,7 @@ const generateRandomString = () => {
 const sha256 = plain => {
   const encoder = new TextEncoder()
   const data = encoder.encode(plain)
-  return window.crypto.subtle.digest('SHA-256', data)
+  return window.crypto.subtle.digest("SHA-256", data)
 }
 
 /**
@@ -110,9 +110,9 @@ const base64urlencode = (
   // Then convert the base64 encoded to base64url encoded
   //   (replace + with -, replace / with _, trim trailing =)
   btoa(String.fromCharCode.apply(null, new Uint8Array(str)))
-    .replace(/\+/g, '-')
-    .replace(/\//g, '_')
-    .replace(/=+$/, '')
+    .replace(/\+/g, "-")
+    .replace(/\//g, "_")
+    .replace(/=+$/, "")
 
 /**
  * Return the base64-urlencoded sha256 hash for the PKCE challenge
@@ -144,23 +144,23 @@ const tokenRequest = async ({
   scope,
 }) => {
   // Check oauth configuration
-  if (oidcDiscoveryUrl !== '') {
+  if (oidcDiscoveryUrl !== "") {
     const { authorization_endpoint, token_endpoint } = await getTokenConfiguration(oidcDiscoveryUrl)
     authUrl = authorization_endpoint
     accessTokenUrl = token_endpoint
   }
 
   // Store oauth information
-  localStorage.setItem('token_endpoint', accessTokenUrl)
-  localStorage.setItem('client_id', clientId)
+  localStorage.setItem("token_endpoint", accessTokenUrl)
+  localStorage.setItem("client_id", clientId)
 
   // Create and store a random state value
   const state = generateRandomString()
-  localStorage.setItem('pkce_state', state)
+  localStorage.setItem("pkce_state", state)
 
   // Create and store a new PKCE code_verifier (the plaintext random secret)
   const code_verifier = generateRandomString()
-  localStorage.setItem('pkce_code_verifier', code_verifier)
+  localStorage.setItem("pkce_code_verifier", code_verifier)
 
   // Hash and base64-urlencode the secret to use as the challenge
   const code_challenge = await pkceChallengeFromVerifier(code_verifier)
@@ -189,7 +189,7 @@ const tokenRequest = async ({
  */
 
 const oauthRedirect = async () => {
-  let tokenResponse = ''
+  let tokenResponse = ""
   let q = parseQueryString(window.location.search.substring(1))
   // Check if the server returned an error string
   if (q.error) {
@@ -198,27 +198,27 @@ const oauthRedirect = async () => {
   // If the server returned an authorization code, attempt to exchange it for an access token
   if (q.code) {
     // Verify state matches what we set at the beginning
-    if (localStorage.getItem('pkce_state') != q.state) {
-      alert('Invalid state')
+    if (localStorage.getItem("pkce_state") != q.state) {
+      alert("Invalid state")
     } else {
       try {
         // Exchange the authorization code for an access token
-        tokenResponse = await sendPostRequest(localStorage.getItem('token_endpoint'), {
-          grant_type: 'authorization_code',
+        tokenResponse = await sendPostRequest(localStorage.getItem("token_endpoint"), {
+          grant_type: "authorization_code",
           code: q.code,
-          client_id: localStorage.getItem('client_id'),
+          client_id: localStorage.getItem("client_id"),
           redirect_uri: redirectUri,
-          code_verifier: localStorage.getItem('pkce_code_verifier'),
+          code_verifier: localStorage.getItem("pkce_code_verifier"),
         })
       } catch (err) {
         console.log(`${error.error}\n\n${error.error_description}`)
       }
     }
     // Clean these up since we don't need them anymore
-    localStorage.removeItem('pkce_state')
-    localStorage.removeItem('pkce_code_verifier')
-    localStorage.removeItem('token_endpoint')
-    localStorage.removeItem('client_id')
+    localStorage.removeItem("pkce_state")
+    localStorage.removeItem("pkce_code_verifier")
+    localStorage.removeItem("token_endpoint")
+    localStorage.removeItem("client_id")
     return tokenResponse
   }
   return tokenResponse
diff --git a/assets/js/pwa.js b/assets/js/pwa.js
index b2f037047..cdecc3854 100644
--- a/assets/js/pwa.js
+++ b/assets/js/pwa.js
@@ -2,36 +2,36 @@ export default () => {
   //*** Determine whether or not the PWA has been installed. ***//
 
   // Step 1: Check local storage
-  let pwaInstalled = localStorage.getItem('pwaInstalled') === 'yes'
+  let pwaInstalled = localStorage.getItem("pwaInstalled") === "yes"
 
   // Step 2: Check if the display-mode is standalone. (Only permitted for PWAs.)
-  if (!pwaInstalled && window.matchMedia('(display-mode: standalone)').matches) {
-    localStorage.setItem('pwaInstalled', 'yes')
+  if (!pwaInstalled && window.matchMedia("(display-mode: standalone)").matches) {
+    localStorage.setItem("pwaInstalled", "yes")
     pwaInstalled = true
   }
 
   // Step 3: Check if the navigator is in standalone mode. (Again, only permitted for PWAs.)
   if (!pwaInstalled && window.navigator.standalone === true) {
-    localStorage.setItem('pwaInstalled', 'yes')
+    localStorage.setItem("pwaInstalled", "yes")
     pwaInstalled = true
   }
 
   //*** If the PWA has not been installed, show the install PWA prompt.. ***//
   let deferredPrompt = null
-  window.addEventListener('beforeinstallprompt', event => {
+  window.addEventListener("beforeinstallprompt", event => {
     deferredPrompt = event
 
     // Show the install button if the prompt appeared.
     if (!pwaInstalled) {
-      document.querySelector('#installPWA').style.display = 'inline-flex'
+      document.querySelector("#installPWA").style.display = "inline-flex"
     }
   })
 
   // When the app is installed, remove install prompts.
-  window.addEventListener('appinstalled', event => {
-    localStorage.setItem('pwaInstalled', 'yes')
+  window.addEventListener("appinstalled", event => {
+    localStorage.setItem("pwaInstalled", "yes")
     pwaInstalled = true
-    document.getElementById('installPWA').style.display = 'none'
+    document.getElementById("installPWA").style.display = "none"
   })
 
   // When the app is uninstalled, add the prompts back
@@ -40,10 +40,10 @@ export default () => {
       deferredPrompt.prompt()
       let outcome = await deferredPrompt.userChoice
 
-      if (outcome === 'accepted') {
-        console.log('Postwoman was installed successfully.')
+      if (outcome === "accepted") {
+        console.log("Postwoman was installed successfully.")
       } else {
-        console.log('Postwoman could not be installed. (Installation rejected by user.)')
+        console.log("Postwoman could not be installed. (Installation rejected by user.)")
       }
       deferredPrompt = null
     }
diff --git a/build.js b/build.js
index c5da9f3ae..293817879 100644
--- a/build.js
+++ b/build.js
@@ -1,14 +1,14 @@
-const axios = require('axios')
-const fs = require('fs')
-const { spawnSync } = require('child_process')
+const axios = require("axios")
+const fs = require("fs")
+const { spawnSync } = require("child_process")
 const runCommand = (command, args) =>
   spawnSync(command, args)
     .stdout.toString()
-    .replace(/\n/g, '')
+    .replace(/\n/g, "")
 
 const FAIL_ON_ERROR = false
-const PW_BUILD_DATA_DIR = './.postwoman'
-const IS_DEV_MODE = process.argv.includes('--dev')
+const PW_BUILD_DATA_DIR = "./.postwoman"
+const IS_DEV_MODE = process.argv.includes("--dev")
 
 try {
   ;(async () => {
@@ -20,33 +20,33 @@ try {
     let version = {}
     // Get the current version name as the tag from Git.
     version.name =
-      process.env.TRAVIS_TAG || runCommand('git', ['tag --sort=committerdate | tail -1'])
+      process.env.TRAVIS_TAG || runCommand("git", ["tag --sort=committerdate | tail -1"])
 
     // FALLBACK: If version.name was unset, let's grab it from GitHub.
     if (!version.name) {
       version.name = (
         await axios
-          .get('https://api.github.com/repos/liyasthomas/postwoman/releases')
+          .get("https://api.github.com/repos/liyasthomas/postwoman/releases")
           // If we can't get it from GitHub, we'll resort to getting it from package.json
           .catch(ex => ({
             data: [
               {
-                tag_name: require('./package.json').version,
+                tag_name: require("./package.json").version,
               },
             ],
           }))
-      ).data[0]['tag_name']
+      ).data[0]["tag_name"]
     }
 
     // Get the current version hash as the short hash from Git.
-    version.hash = runCommand('git', ['rev-parse', '--short', 'HEAD'])
+    version.hash = runCommand("git", ["rev-parse", "--short", "HEAD"])
     // Get the 'variant' name as the branch, if it's not master.
     version.variant =
       process.env.TRAVIS_BRANCH ||
-      runCommand('git', ['branch'])
-        .split('* ')[1]
-        .split(' ')[0] + (IS_DEV_MODE ? ' - DEV MODE' : '')
-    if (['', 'master'].includes(version.variant)) {
+      runCommand("git", ["branch"])
+        .split("* ")[1]
+        .split(" ")[0] + (IS_DEV_MODE ? " - DEV MODE" : "")
+    if (["", "master"].includes(version.variant)) {
       delete version.variant
     }
 
diff --git a/components/ace-editor.vue b/components/ace-editor.vue
index 2e87a2664..61684887c 100644
--- a/components/ace-editor.vue
+++ b/components/ace-editor.vue
@@ -3,16 +3,16 @@
 </template>
 
 <script>
-const DEFAULT_THEME = 'twilight'
+const DEFAULT_THEME = "twilight"
 
-import ace from 'ace-builds'
-import 'ace-builds/webpack-resolver'
+import ace from "ace-builds"
+import "ace-builds/webpack-resolver"
 
 export default {
   props: {
     value: {
       type: String,
-      default: '',
+      default: "",
     },
     theme: {
       type: String,
@@ -20,7 +20,7 @@ export default {
     },
     lang: {
       type: String,
-      default: 'json',
+      default: "json",
     },
     options: {
       type: Object,
@@ -31,7 +31,7 @@ export default {
   data() {
     return {
       editor: null,
-      cacheValue: '',
+      cacheValue: "",
     }
   },
 
@@ -43,10 +43,10 @@ export default {
       }
     },
     theme() {
-      this.editor.setTheme('ace/theme/' + this.defineTheme())
+      this.editor.setTheme("ace/theme/" + this.defineTheme())
     },
     lang(value) {
-      this.editor.getSession().setMode('ace/mode/' + value)
+      this.editor.getSession().setMode("ace/mode/" + value)
     },
     options(value) {
       this.editor.setOptions(value)
@@ -65,9 +65,9 @@ export default {
     this.editor = editor
     this.cacheValue = this.value
 
-    editor.on('change', () => {
+    editor.on("change", () => {
       const content = editor.getValue()
-      this.$emit('input', content)
+      this.$emit("input", content)
       this.cacheValue = content
     })
   },
diff --git a/components/autocomplete.vue b/components/autocomplete.vue
index 69d36a635..c2f64f619 100644
--- a/components/autocomplete.vue
+++ b/components/autocomplete.vue
@@ -57,7 +57,7 @@
       display: block;
       padding: 8px 16px;
       font-size: 16px;
-      font-family: 'Roboto Mono', monospace;
+      font-family: "Roboto Mono", monospace;
       font-weight: 400;
 
       &:last-child {
@@ -92,7 +92,7 @@ export default {
 
     placeholder: {
       type: String,
-      default: '',
+      default: "",
       required: false,
     },
 
@@ -103,14 +103,14 @@ export default {
 
     value: {
       type: String,
-      default: '',
+      default: "",
       required: false,
     },
   },
 
   watch: {
     text() {
-      this.$emit('input', this.text)
+      this.$emit("input", this.text)
     },
   },
 
diff --git a/components/collections/addCollection.vue b/components/collections/addCollection.vue
index eae4a2e7d..69ee934b5 100644
--- a/components/collections/addCollection.vue
+++ b/components/collections/addCollection.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('new_collection') }}</h3>
+            <h3 class="title">{{ $t("new_collection") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -31,10 +31,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="addNewCollection">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -43,14 +43,14 @@
 </template>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   props: {
     show: Boolean,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -67,17 +67,17 @@ export default {
     },
     addNewCollection() {
       if (!this.$data.name) {
-        this.$toast.info($t('invalid_collection_name'))
+        this.$toast.info($t("invalid_collection_name"))
         return
       }
-      this.$store.commit('postwoman/addNewCollection', {
+      this.$store.commit("postwoman/addNewCollection", {
         name: this.$data.name,
       })
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
       this.syncCollections()
     },
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/collections/addFolder.vue b/components/collections/addFolder.vue
index 6834272cf..cc8761f51 100644
--- a/components/collections/addFolder.vue
+++ b/components/collections/addFolder.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('new_folder') }}</h3>
+            <h3 class="title">{{ $t("new_folder") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -31,10 +31,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="addNewFolder">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -50,7 +50,7 @@ export default {
     collectionIndex: Number,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -59,14 +59,14 @@ export default {
   },
   methods: {
     addNewFolder() {
-      this.$store.commit('postwoman/addNewFolder', {
+      this.$store.commit("postwoman/addNewFolder", {
         folder: { name: this.$data.name },
         collectionIndex: this.$props.collectionIndex,
       })
       this.hideModal()
     },
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/collections/collection.vue b/components/collections/collection.vue
index 8e166cf31..f4d52df49 100644
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -17,19 +17,19 @@
           <div>
             <button class="icon" @click="$emit('add-folder')" v-close-popover>
               <i class="material-icons">create_new_folder</i>
-              <span>{{ $t('new_folder') }}</span>
+              <span>{{ $t("new_folder") }}</span>
             </button>
           </div>
           <div>
             <button class="icon" @click="$emit('edit-collection')" v-close-popover>
               <i class="material-icons">create</i>
-              <span>{{ $t('edit') }}</span>
+              <span>{{ $t("edit") }}</span>
             </button>
           </div>
           <div>
             <button class="icon" @click="removeCollection" v-close-popover>
               <i class="material-icons">delete</i>
-              <span>{{ $t('delete') }}</span>
+              <span>{{ $t("delete") }}</span>
             </button>
           </div>
         </template>
@@ -48,7 +48,7 @@
           />
         </li>
         <li v-if="collection.folders.length === 0 && collection.requests.length === 0">
-          <label>{{ $t('collection_empty') }}</label>
+          <label>{{ $t("collection_empty") }}</label>
         </li>
       </ul>
       <ul>
@@ -89,8 +89,8 @@ ul li {
 <script>
 export default {
   components: {
-    folder: () => import('./folder'),
-    request: () => import('./request'),
+    folder: () => import("./folder"),
+    request: () => import("./request"),
   },
   props: {
     collectionIndex: Number,
@@ -107,13 +107,13 @@ export default {
       this.showChildren = !this.showChildren
     },
     removeCollection() {
-      if (!confirm('Are you sure you want to remove this Collection?')) return
-      this.$store.commit('postwoman/removeCollection', {
+      if (!confirm("Are you sure you want to remove this Collection?")) return
+      this.$store.commit("postwoman/removeCollection", {
         collectionIndex: this.collectionIndex,
       })
     },
     editFolder(collectionIndex, folder, folderIndex) {
-      this.$emit('edit-folder', { collectionIndex, folder, folderIndex })
+      this.$emit("edit-folder", { collectionIndex, folder, folderIndex })
     },
   },
 }
diff --git a/components/collections/editCollection.vue b/components/collections/editCollection.vue
index 7a2f68d97..a3f12195e 100644
--- a/components/collections/editCollection.vue
+++ b/components/collections/editCollection.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('edit_collection') }}</h3>
+            <h3 class="title">{{ $t("edit_collection") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -31,10 +31,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="saveCollection">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -50,7 +50,7 @@ export default {
     editingCollectionIndex: Number,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -60,21 +60,21 @@ export default {
   methods: {
     saveCollection() {
       if (!this.$data.name) {
-        this.$toast.info($t('invalid_collection_name'))
+        this.$toast.info($t("invalid_collection_name"))
         return
       }
       const collectionUpdated = {
         ...this.$props.editingCollection,
         name: this.$data.name,
       }
-      this.$store.commit('postwoman/editCollection', {
+      this.$store.commit("postwoman/editCollection", {
         collection: collectionUpdated,
         collectionIndex: this.$props.editingCollectionIndex,
       })
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/collections/editFolder.vue b/components/collections/editFolder.vue
index d3fdc1d18..9179b205f 100644
--- a/components/collections/editFolder.vue
+++ b/components/collections/editFolder.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('edit_folder') }}</h3>
+            <h3 class="title">{{ $t("edit_folder") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -26,10 +26,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="editFolder">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -47,7 +47,7 @@ export default {
     folderIndex: Number,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -56,7 +56,7 @@ export default {
   },
   methods: {
     editFolder() {
-      this.$store.commit('postwoman/editFolder', {
+      this.$store.commit("postwoman/editFolder", {
         collectionIndex: this.$props.collectionIndex,
         folder: { ...this.$props.folder, name: this.$data.name },
         folderIndex: this.$props.folderIndex,
@@ -64,7 +64,7 @@ export default {
       this.hideModal()
     },
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/collections/editRequest.vue b/components/collections/editRequest.vue
index af8f62f08..480232784 100644
--- a/components/collections/editRequest.vue
+++ b/components/collections/editRequest.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('edit_request') }}</h3>
+            <h3 class="title">{{ $t("edit_request") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -17,7 +17,7 @@
     <div slot="body">
       <ul>
         <li>
-          <label for="selectLabel">{{ $t('label') }}</label>
+          <label for="selectLabel">{{ $t("label") }}</label>
           <input
             type="text"
             id="selectLabel"
@@ -25,11 +25,11 @@
             @keyup.enter="saveRequest"
             :placeholder="request.name"
           />
-          <label for="selectCollection">{{ $t('collection') }}</label>
+          <label for="selectCollection">{{ $t("collection") }}</label>
           <span class="select-wrapper">
             <select type="text" id="selectCollection" v-model="requestUpdateData.collectionIndex">
               <option :key="undefined" :value="undefined" hidden disabled selected>{{
-                $t('current_collection')
+                $t("current_collection")
               }}</option>
               <option
                 v-for="(collection, index) in $store.state.postwoman.collections"
@@ -40,7 +40,7 @@
               </option>
             </select>
           </span>
-          <label for="selectFolder">{{ $t('folder') }}</label>
+          <label for="selectFolder">{{ $t("folder") }}</label>
           <span class="select-wrapper">
             <select type="text" id="selectFolder" v-model="requestUpdateData.folderIndex">
               <option :key="undefined" :value="undefined">/</option>
@@ -57,10 +57,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="saveRequest">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -78,7 +78,7 @@ export default {
     requestIndex: Number,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -90,7 +90,7 @@ export default {
     }
   },
   watch: {
-    'requestUpdateData.collectionIndex': function resetFolderIndex() {
+    "requestUpdateData.collectionIndex": function resetFolderIndex() {
       // if user choosen some folder, than selected other collection, which doesn't have any folders
       // than `requestUpdateData.folderIndex` won't be reseted
       this.$data.requestUpdateData.folderIndex = undefined
@@ -120,7 +120,7 @@ export default {
 
       // pass data separately to don't depend on request's collection, folder fields
       // probably, they should be deprecated because they don't describe request itself
-      this.$store.commit('postwoman/editRequest', {
+      this.$store.commit("postwoman/editRequest", {
         requestOldCollectionIndex: this.$props.collectionIndex,
         requestOldFolderIndex: this.$props.folderIndex,
         requestOldIndex: this.$props.requestIndex,
@@ -132,7 +132,7 @@ export default {
       this.hideModal()
     },
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/collections/folder.vue b/components/collections/folder.vue
index 1828aa8b4..3066d77b8 100644
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -17,13 +17,13 @@
           <div>
             <button class="icon" @click="editFolder" v-close-popover>
               <i class="material-icons">edit</i>
-              <span>{{ $t('edit') }}</span>
+              <span>{{ $t("edit") }}</span>
             </button>
           </div>
           <div>
             <button class="icon" @click="removeFolder" v-close-popover>
               <i class="material-icons">delete</i>
-              <span>{{ $t('delete') }}</span>
+              <span>{{ $t("delete") }}</span>
             </button>
           </div>
         </template>
@@ -49,7 +49,7 @@
           />
         </li>
         <li v-if="folder.requests.length === 0">
-          <label>{{ $t('folder_empty') }}</label>
+          <label>{{ $t("folder_empty") }}</label>
         </li>
       </ul>
     </div>
@@ -77,7 +77,7 @@ export default {
     folderIndex: Number,
   },
   components: {
-    request: () => import('./request'),
+    request: () => import("./request"),
   },
   data() {
     return {
@@ -89,17 +89,17 @@ export default {
       this.showChildren = !this.showChildren
     },
     selectRequest(request) {
-      this.$store.commit('postwoman/selectRequest', { request })
+      this.$store.commit("postwoman/selectRequest", { request })
     },
     removeFolder() {
-      if (!confirm('Are you sure you want to remove this folder?')) return
-      this.$store.commit('postwoman/removeFolder', {
+      if (!confirm("Are you sure you want to remove this folder?")) return
+      this.$store.commit("postwoman/removeFolder", {
         collectionIndex: this.collectionIndex,
         folderIndex: this.folderIndex,
       })
     },
     editFolder() {
-      this.$emit('edit-folder')
+      this.$emit("edit-folder")
     },
   },
 }
diff --git a/components/collections/importExportCollections.vue b/components/collections/importExportCollections.vue
index a0526481b..8286cca11 100644
--- a/components/collections/importExportCollections.vue
+++ b/components/collections/importExportCollections.vue
@@ -19,7 +19,7 @@
             >
               <button :disabled="!fb.currentUser" class="icon" @click="syncCollections">
                 <i class="material-icons">folder_shared</i>
-                <span>{{ $t('import_from_sync') }}</span>
+                <span>{{ $t("import_from_sync") }}</span>
               </button>
             </span>
             <button
@@ -28,7 +28,7 @@
               v-tooltip="$t('replace_current')"
             >
               <i class="material-icons">create_new_folder</i>
-              <span>{{ $t('replace_json') }}</span>
+              <span>{{ $t("replace_json") }}</span>
               <input
                 type="file"
                 @change="replaceWithJSON"
@@ -43,7 +43,7 @@
               v-tooltip="$t('preserve_current')"
             >
               <i class="material-icons">folder_special</i>
-              <span>{{ $t('import_json') }}</span>
+              <span>{{ $t("import_json") }}</span>
               <input
                 type="file"
                 @change="importFromJSON"
@@ -64,10 +64,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="exportJSON" v-tooltip="$t('download_file')">
-            {{ $t('export') }}
+            {{ $t("export") }}
           </button>
         </span>
       </div>
@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   data() {
@@ -88,7 +88,7 @@ export default {
     show: Boolean,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   computed: {
     collectionJson() {
@@ -97,7 +97,7 @@ export default {
   },
   methods: {
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
     openDialogChooseFileToReplaceWith() {
       this.$refs.inputChooseFileToReplaceWith.click()
@@ -112,15 +112,15 @@ export default {
         let collections = JSON.parse(content)
         if (collections[0]) {
           let [name, folders, requests] = Object.keys(collections[0])
-          if (name === 'name' && folders === 'folders' && requests === 'requests') {
+          if (name === "name" && folders === "folders" && requests === "requests") {
             // Do nothing
           }
-        } else if (collections.info && collections.info.schema.includes('v2.1.0')) {
+        } else if (collections.info && collections.info.schema.includes("v2.1.0")) {
           collections = this.parsePostmanCollection(collections)
         } else {
           return this.failedImport()
         }
-        this.$store.commit('postwoman/importCollections', collections)
+        this.$store.commit("postwoman/importCollections", collections)
         this.fileImported()
       }
       reader.readAsText(this.$refs.inputChooseFileToReplaceWith.files[0])
@@ -132,71 +132,71 @@ export default {
         let collections = JSON.parse(content)
         if (collections[0]) {
           let [name, folders, requests] = Object.keys(collections[0])
-          if (name === 'name' && folders === 'folders' && requests === 'requests') {
+          if (name === "name" && folders === "folders" && requests === "requests") {
             // Do nothing
           }
-        } else if (collections.info && collections.info.schema.includes('v2.1.0')) {
+        } else if (collections.info && collections.info.schema.includes("v2.1.0")) {
           collections = this.parsePostmanCollection(collections)
         } else {
           return this.failedImport()
         }
-        this.$store.commit('postwoman/importCollections', collections)
+        this.$store.commit("postwoman/importCollections", collections)
         this.fileImported()
       }
       reader.readAsText(this.$refs.inputChooseFileToImportFrom.files[0])
     },
     exportJSON() {
       let text = this.collectionJson
-      text = text.replace(/\n/g, '\r\n')
+      text = text.replace(/\n/g, "\r\n")
       let blob = new Blob([text], {
-        type: 'text/json',
+        type: "text/json",
       })
-      let anchor = document.createElement('a')
-      anchor.download = 'postwoman-collection.json'
+      let anchor = document.createElement("a")
+      anchor.download = "postwoman-collection.json"
       anchor.href = window.URL.createObjectURL(blob)
-      anchor.target = '_blank'
-      anchor.style.display = 'none'
+      anchor.target = "_blank"
+      anchor.style.display = "none"
       document.body.appendChild(anchor)
       anchor.click()
       document.body.removeChild(anchor)
-      this.$toast.success(this.$t('download_started'), {
-        icon: 'done',
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done",
       })
     },
     syncCollections() {
-      this.$store.commit('postwoman/replaceCollections', fb.currentCollections)
+      this.$store.commit("postwoman/replaceCollections", fb.currentCollections)
       this.fileImported()
     },
     fileImported() {
-      this.$toast.info(this.$t('file_imported'), {
-        icon: 'folder_shared',
+      this.$toast.info(this.$t("file_imported"), {
+        icon: "folder_shared",
       })
     },
     failedImport() {
-      this.$toast.error(this.$t('import_failed'), {
-        icon: 'error',
+      this.$toast.error(this.$t("import_failed"), {
+        icon: "error",
       })
     },
     parsePostmanCollection(collection, folders = true) {
       let postwomanCollection = folders
         ? [
             {
-              name: '',
+              name: "",
               folders: [],
               requests: [],
             },
           ]
         : {
-            name: '',
+            name: "",
             requests: [],
           }
       for (let collectionItem of collection.item) {
         if (collectionItem.request) {
           if (postwomanCollection[0]) {
-            postwomanCollection[0].name = collection.info ? collection.info.name : ''
+            postwomanCollection[0].name = collection.info ? collection.info.name : ""
             postwomanCollection[0].requests.push(this.parsePostmanRequest(collectionItem))
           } else {
-            postwomanCollection.name = collection.name ? collection.name : ''
+            postwomanCollection.name = collection.name ? collection.name : ""
             postwomanCollection.requests.push(this.parsePostmanRequest(collectionItem))
           }
         } else if (collectionItem.item) {
@@ -209,22 +209,22 @@ export default {
     },
     parsePostmanRequest(requestObject) {
       let pwRequest = {
-        url: '',
-        path: '',
-        method: '',
-        auth: '',
-        httpUser: '',
-        httpPassword: '',
-        passwordFieldType: 'password',
-        bearerToken: '',
+        url: "",
+        path: "",
+        method: "",
+        auth: "",
+        httpUser: "",
+        httpPassword: "",
+        passwordFieldType: "password",
+        bearerToken: "",
         headers: [],
         params: [],
         bodyParams: [],
-        rawParams: '',
+        rawParams: "",
         rawInput: false,
-        contentType: '',
-        requestType: '',
-        name: '',
+        contentType: "",
+        requestType: "",
+        name: "",
       }
 
       pwRequest.name = requestObject.name
@@ -232,24 +232,24 @@ export default {
         /^(.+:\/\/[^\/]+|{[^\/]+})(\/[^\?]+|).*$/
       )
       pwRequest.url = requestObjectUrl[1]
-      pwRequest.path = requestObjectUrl[2] ? requestObjectUrl[2] : ''
+      pwRequest.path = requestObjectUrl[2] ? requestObjectUrl[2] : ""
       pwRequest.method = requestObject.request.method
-      let itemAuth = requestObject.request.auth ? requestObject.request.auth : ''
-      let authType = itemAuth ? itemAuth.type : ''
-      if (authType === 'basic') {
-        pwRequest.auth = 'Basic Auth'
+      let itemAuth = requestObject.request.auth ? requestObject.request.auth : ""
+      let authType = itemAuth ? itemAuth.type : ""
+      if (authType === "basic") {
+        pwRequest.auth = "Basic Auth"
         pwRequest.httpUser =
-          itemAuth.basic[0].key === 'username' ? itemAuth.basic[0].value : itemAuth.basic[1].value
+          itemAuth.basic[0].key === "username" ? itemAuth.basic[0].value : itemAuth.basic[1].value
         pwRequest.httpPassword =
-          itemAuth.basic[0].key === 'password' ? itemAuth.basic[0].value : itemAuth.basic[1].value
-      } else if (authType === 'oauth2') {
-        pwRequest.auth = 'OAuth 2.0'
+          itemAuth.basic[0].key === "password" ? itemAuth.basic[0].value : itemAuth.basic[1].value
+      } else if (authType === "oauth2") {
+        pwRequest.auth = "OAuth 2.0"
         pwRequest.bearerToken =
-          itemAuth.oauth2[0].key === 'accessToken'
+          itemAuth.oauth2[0].key === "accessToken"
             ? itemAuth.oauth2[0].value
             : itemAuth.oauth2[1].value
-      } else if (authType === 'bearer') {
-        pwRequest.auth = 'Bearer Token'
+      } else if (authType === "bearer") {
+        pwRequest.auth = "Bearer Token"
         pwRequest.bearerToken = itemAuth.bearer[0].value
       }
       let requestObjectHeaders = requestObject.request.header
@@ -268,13 +268,13 @@ export default {
         }
       }
       if (requestObject.request.body) {
-        if (requestObject.request.body.mode === 'urlencoded') {
+        if (requestObject.request.body.mode === "urlencoded") {
           let params = requestObject.request.body.urlencoded
           pwRequest.bodyParams = params ? params : []
           for (let param of pwRequest.bodyParams) {
             delete param.type
           }
-        } else if (requestObject.request.body.mode === 'raw') {
+        } else if (requestObject.request.body.mode === "raw") {
           pwRequest.rawInput = true
           pwRequest.rawParams = requestObject.request.body.raw
         }
diff --git a/components/collections/index.vue b/components/collections/index.vue
index ea8732177..a2f336c1f 100644
--- a/components/collections/index.vue
+++ b/components/collections/index.vue
@@ -43,12 +43,12 @@ TODO:
       <div>
         <button class="icon" @click="displayModalAdd(true)">
           <i class="material-icons">add</i>
-          <span>{{ $t('new') }}</span>
+          <span>{{ $t("new") }}</span>
         </button>
       </div>
       <div>
         <button class="icon" @click="displayModalImportExport(true)">
-          {{ $t('import_export') }}
+          {{ $t("import_export") }}
         </button>
         <!-- <a
           href="https://github.com/liyasthomas/postwoman/wiki/Collections"
@@ -89,7 +89,7 @@ TODO:
     <nuxt-link :to="localePath('doc')" :aria-label="$t('documentation')">
       <button class="icon">
         <i class="material-icons">books</i>
-        <span>{{ $t('generate_docs') }}</span>
+        <span>{{ $t("generate_docs") }}</span>
       </button>
     </nuxt-link>
   </pw-section>
@@ -107,20 +107,20 @@ ul {
 </style>
 
 <script>
-import collection from './collection'
-import { fb } from '../../functions/fb'
+import collection from "./collection"
+import { fb } from "../../functions/fb"
 
 export default {
   components: {
     collection,
-    'pw-section': () => import('../section'),
-    addCollection: () => import('./addCollection'),
-    addFolder: () => import('./addFolder'),
-    editCollection: () => import('./editCollection'),
-    editFolder: () => import('./editFolder'),
-    editRequest: () => import('./editRequest'),
-    importExportCollections: () => import('./importExportCollections'),
-    VirtualList: () => import('vue-virtual-scroll-list'),
+    "pw-section": () => import("../section"),
+    addCollection: () => import("./addCollection"),
+    addFolder: () => import("./addFolder"),
+    editCollection: () => import("./editCollection"),
+    editFolder: () => import("./editFolder"),
+    editRequest: () => import("./editRequest"),
+    importExportCollections: () => import("./importExportCollections"),
+    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
@@ -145,12 +145,12 @@ export default {
   },
   async mounted() {
     this._keyListener = function(e) {
-      if (e.key === 'Escape') {
+      if (e.key === "Escape") {
         e.preventDefault()
         this.showModalAdd = this.showModalEdit = this.showModalImportExport = this.showModalAddFolder = this.showModalEditFolder = this.showModalEditRequest = false
       }
     }
-    document.addEventListener('keydown', this._keyListener.bind(this))
+    document.addEventListener("keydown", this._keyListener.bind(this))
   },
   methods: {
     displayModalAdd(shouldDisplay) {
@@ -226,7 +226,7 @@ export default {
     },
   },
   beforeDestroy() {
-    document.removeEventListener('keydown', this._keyListener)
+    document.removeEventListener("keydown", this._keyListener)
   },
 }
 </script>
diff --git a/components/collections/request.vue b/components/collections/request.vue
index d2332e475..b2f2072e6 100644
--- a/components/collections/request.vue
+++ b/components/collections/request.vue
@@ -14,13 +14,13 @@
         <div>
           <button class="icon" @click="$emit('edit-request')" v-close-popover>
             <i class="material-icons">edit</i>
-            <span>{{ $t('edit') }}</span>
+            <span>{{ $t("edit") }}</span>
           </button>
         </div>
         <div>
           <button class="icon" @click="removeRequest" v-close-popover>
             <i class="material-icons">delete</i>
-            <span>{{ $t('delete') }}</span>
+            <span>{{ $t("delete") }}</span>
           </button>
         </div>
       </template>
@@ -51,11 +51,11 @@ export default {
   },
   methods: {
     selectRequest() {
-      this.$store.commit('postwoman/selectRequest', { request: this.request })
+      this.$store.commit("postwoman/selectRequest", { request: this.request })
     },
     removeRequest() {
-      if (!confirm('Are you sure you want to remove this request?')) return
-      this.$store.commit('postwoman/removeRequest', {
+      if (!confirm("Are you sure you want to remove this request?")) return
+      this.$store.commit("postwoman/removeRequest", {
         collectionIndex: this.collectionIndex,
         folderIndex: this.folderIndex,
         requestIndex: this.requestIndex,
diff --git a/components/collections/saveRequestAs.vue b/components/collections/saveRequestAs.vue
index 1a78b9140..aab5bcb0b 100644
--- a/components/collections/saveRequestAs.vue
+++ b/components/collections/saveRequestAs.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('save_request_as') }}</h3>
+            <h3 class="title">{{ $t("save_request_as") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -17,7 +17,7 @@
     <div slot="body">
       <ul>
         <li>
-          <label for="selectLabel">{{ $t('label') }}</label>
+          <label for="selectLabel">{{ $t("label") }}</label>
           <input
             type="text"
             id="selectLabel"
@@ -25,11 +25,11 @@
             :placeholder="defaultRequestName"
             @keyup.enter="saveRequestAs"
           />
-          <label for="selectCollection">{{ $t('collection') }}</label>
+          <label for="selectCollection">{{ $t("collection") }}</label>
           <span class="select-wrapper">
             <select type="text" id="selectCollection" v-model="requestData.collectionIndex">
               <option :key="undefined" :value="undefined" hidden disabled selected>{{
-                $t('select_collection')
+                $t("select_collection")
               }}</option>
               <option
                 v-for="(collection, index) in $store.state.postwoman.collections"
@@ -40,7 +40,7 @@
               </option>
             </select>
           </span>
-          <label for="selectFolder">{{ $t('folder') }}</label>
+          <label for="selectFolder">{{ $t("folder") }}</label>
           <span class="select-wrapper">
             <select type="text" id="selectFolder" v-model="requestData.folderIndex">
               <option :key="undefined" :value="undefined">/</option>
@@ -49,7 +49,7 @@
               </option>
             </select>
           </span>
-          <label for="selectRequest">{{ $t('request') }}</label>
+          <label for="selectRequest">{{ $t("request") }}</label>
           <span class="select-wrapper">
             <select type="text" id="selectRequest" v-model="requestData.requestIndex">
               <option :key="undefined" :value="undefined">/</option>
@@ -66,10 +66,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="saveRequestAs">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -78,7 +78,7 @@
 </template>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   props: {
@@ -86,11 +86,11 @@ export default {
     editingRequest: Object,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
-      defaultRequestName: 'My Request',
+      defaultRequestName: "My Request",
       requestData: {
         name: undefined,
         collectionIndex: undefined,
@@ -100,13 +100,13 @@ export default {
     }
   },
   watch: {
-    'requestData.collectionIndex': function resetFolderAndRequestIndex() {
+    "requestData.collectionIndex": function resetFolderAndRequestIndex() {
       // if user choosen some folder, than selected other collection, which doesn't have any folders
       // than `requestUpdateData.folderIndex` won't be reseted
       this.$data.requestData.folderIndex = undefined
       this.$data.requestData.requestIndex = undefined
     },
-    'requestData.folderIndex': function resetRequestIndex() {
+    "requestData.folderIndex": function resetRequestIndex() {
       this.$data.requestData.requestIndex = undefined
     },
   },
@@ -159,8 +159,8 @@ export default {
     saveRequestAs() {
       const userDidntSpecifyCollection = this.$data.requestData.collectionIndex === undefined
       if (userDidntSpecifyCollection) {
-        this.$toast.error(this.$t('select_collection'), {
-          icon: 'error',
+        this.$toast.error(this.$t("select_collection"), {
+          icon: "error",
         })
         return
       }
@@ -171,7 +171,7 @@ export default {
         collection: this.$data.requestData.collectionIndex,
       }
 
-      this.$store.commit('postwoman/saveRequestAs', {
+      this.$store.commit("postwoman/saveRequestAs", {
         request: requestUpdated,
         collectionIndex: this.$data.requestData.collectionIndex,
         folderIndex: this.$data.requestData.folderIndex,
@@ -182,8 +182,8 @@ export default {
       this.syncCollections()
     },
     hideModal() {
-      this.$emit('hide-modal')
-      this.$emit('hide-model') // for backward compatibility  // TODO: use fixed event
+      this.$emit("hide-modal")
+      this.$emit("hide-model") // for backward compatibility  // TODO: use fixed event
     },
   },
 }
diff --git a/components/environments/addEnvironment.vue b/components/environments/addEnvironment.vue
index 118d03efd..fe5e225ce 100644
--- a/components/environments/addEnvironment.vue
+++ b/components/environments/addEnvironment.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('new_environment') }}</h3>
+            <h3 class="title">{{ $t("new_environment") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -31,10 +31,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="addNewEnvironment">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -43,14 +43,14 @@
 </template>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   props: {
     show: Boolean,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -67,7 +67,7 @@ export default {
     },
     addNewEnvironment() {
       if (!this.$data.name) {
-        this.$toast.info(this.$t('invalid_environment_name'))
+        this.$toast.info(this.$t("invalid_environment_name"))
         return
       }
       let newEnvironment = [
@@ -76,16 +76,16 @@ export default {
           variables: [],
         },
       ]
-      this.$store.commit('postwoman/importAddEnvironments', {
+      this.$store.commit("postwoman/importAddEnvironments", {
         environments: newEnvironment,
-        confirmation: 'Environment added',
+        confirmation: "Environment added",
       })
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
       this.syncEnvironments()
     },
     hideModal() {
       this.$data.name = undefined
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/environments/editEnvironment.vue b/components/environments/editEnvironment.vue
index 78fe3698a..b47320de6 100644
--- a/components/environments/editEnvironment.vue
+++ b/components/environments/editEnvironment.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <h3 class="title">{{ $t('edit_environment') }}</h3>
+            <h3 class="title">{{ $t("edit_environment") }}</h3>
             <div>
               <button class="icon" @click="hideModal">
                 <i class="material-icons">close</i>
@@ -28,7 +28,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <label for="variableList">{{ $t('env_variable_list') }}</label>
+            <label for="variableList">{{ $t("env_variable_list") }}</label>
             <div>
               <button class="icon" @click="clearContent($event)" v-tooltip.bottom="$t('clear')">
                 <i class="material-icons">clear_all</i>
@@ -92,7 +92,7 @@
         <li>
           <button class="icon" @click="addEnvironmentVariable">
             <i class="material-icons">add</i>
-            <span>{{ $t('add_new') }}</span>
+            <span>{{ $t("add_new") }}</span>
           </button>
         </li>
       </ul>
@@ -102,10 +102,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="saveEnvironment">
-            {{ $t('save') }}
+            {{ $t("save") }}
           </button>
         </span>
       </div>
@@ -114,7 +114,7 @@
 </template>
 
 <script>
-import textareaAutoHeight from '../../directives/textareaAutoHeight'
+import textareaAutoHeight from "../../directives/textareaAutoHeight"
 
 export default {
   directives: {
@@ -126,7 +126,7 @@ export default {
     editingEnvironmentIndex: Number,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   data() {
     return {
@@ -139,7 +139,7 @@ export default {
         this.$props.editingEnvironment && this.$props.editingEnvironment.name
           ? this.$props.editingEnvironment.name
           : undefined
-      this.$store.commit('postwoman/setEditingEnvironment', this.$props.editingEnvironment)
+      this.$store.commit("postwoman/setEditingEnvironment", this.$props.editingEnvironment)
     },
   },
   computed: {
@@ -148,21 +148,21 @@ export default {
     },
     variableString() {
       const result = this.editingEnvCopy.variables
-      return result === '' ? '' : JSON.stringify(result)
+      return result === "" ? "" : JSON.stringify(result)
     },
   },
   methods: {
     clearContent(e) {
-      this.$store.commit('postwoman/removeVariables', [])
+      this.$store.commit("postwoman/removeVariables", [])
       e.target.innerHTML = this.doneButton
-      this.$toast.info(this.$t('cleared'), {
-        icon: 'clear_all',
+      this.$toast.info(this.$t("cleared"), {
+        icon: "clear_all",
       })
       setTimeout(() => (e.target.innerHTML = '<i class="material-icons">clear_all</i>'), 1000)
     },
     addEnvironmentVariable() {
-      let value = { key: '', value: '' }
-      this.$store.commit('postwoman/addVariable', value)
+      let value = { key: "", value: "" }
+      this.$store.commit("postwoman/addVariable", value)
     },
     removeEnvironmentVariable(index) {
       let variableIndex = index
@@ -171,13 +171,13 @@ export default {
         (variable, index) => variableIndex !== index
       )
 
-      this.$store.commit('postwoman/removeVariable', newVariables)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("postwoman/removeVariable", newVariables)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           onClick: (e, toastObject) => {
-            this.$store.commit('postwoman/removeVariable', oldVariables)
+            this.$store.commit("postwoman/removeVariable", oldVariables)
             toastObject.remove()
           },
         },
@@ -185,22 +185,22 @@ export default {
     },
     saveEnvironment() {
       if (!this.$data.name) {
-        this.$toast.info(this.$t('invalid_environment_name'))
+        this.$toast.info(this.$t("invalid_environment_name"))
         return
       }
       const environmentUpdated = {
         ...this.editingEnvCopy,
         name: this.$data.name,
       }
-      this.$store.commit('postwoman/saveEnvironment', {
+      this.$store.commit("postwoman/saveEnvironment", {
         environment: environmentUpdated,
         environmentIndex: this.$props.editingEnvironmentIndex,
       })
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
     hideModal() {
       this.$data.name = undefined
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
   },
 }
diff --git a/components/environments/environment.vue b/components/environments/environment.vue
index 1963ca02e..9faa5fe95 100644
--- a/components/environments/environment.vue
+++ b/components/environments/environment.vue
@@ -14,13 +14,13 @@
         <div>
           <button class="icon" @click="$emit('edit-environment')" v-close-popover>
             <i class="material-icons">create</i>
-            <span>{{ $t('edit') }}</span>
+            <span>{{ $t("edit") }}</span>
           </button>
         </div>
         <div>
           <button class="icon" @click="removeEnvironment" v-close-popover>
             <i class="material-icons">delete</i>
-            <span>{{ $t('delete') }}</span>
+            <span>{{ $t("delete") }}</span>
           </button>
         </div>
       </template>
@@ -49,8 +49,8 @@ export default {
   },
   methods: {
     removeEnvironment() {
-      if (!confirm('Are you sure you want to remove this environment?')) return
-      this.$store.commit('postwoman/removeEnvironment', this.environmentIndex)
+      if (!confirm("Are you sure you want to remove this environment?")) return
+      this.$store.commit("postwoman/removeEnvironment", this.environmentIndex)
     },
   },
 }
diff --git a/components/environments/importExportEnvironment.vue b/components/environments/importExportEnvironment.vue
index ffb39ef65..5c49c4503 100644
--- a/components/environments/importExportEnvironment.vue
+++ b/components/environments/importExportEnvironment.vue
@@ -19,7 +19,7 @@
             >
               <button :disabled="!fb.currentUser" class="icon" @click="syncEnvironments">
                 <i class="material-icons">folder_shared</i>
-                <span>{{ $t('import_from_sync') }}</span>
+                <span>{{ $t("import_from_sync") }}</span>
               </button>
             </span>
             <button
@@ -28,7 +28,7 @@
               v-tooltip="$t('replace_current')"
             >
               <i class="material-icons">create_new_folder</i>
-              <span>{{ $t('replace_json') }}</span>
+              <span>{{ $t("replace_json") }}</span>
               <input
                 type="file"
                 @change="replaceWithJSON"
@@ -43,7 +43,7 @@
               v-tooltip="$t('preserve_current')"
             >
               <i class="material-icons">folder_special</i>
-              <span>{{ $t('import_json') }}</span>
+              <span>{{ $t("import_json") }}</span>
               <input
                 type="file"
                 @change="importFromJSON"
@@ -64,10 +64,10 @@
         <span></span>
         <span>
           <button class="icon" @click="hideModal">
-            {{ $t('cancel') }}
+            {{ $t("cancel") }}
           </button>
           <button class="icon primary" @click="exportJSON" v-tooltip="$t('download_file')">
-            {{ $t('export') }}
+            {{ $t("export") }}
           </button>
         </span>
       </div>
@@ -76,7 +76,7 @@
 </template>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   data() {
@@ -88,7 +88,7 @@ export default {
     show: Boolean,
   },
   components: {
-    modal: () => import('../../components/modal'),
+    modal: () => import("../../components/modal"),
   },
   computed: {
     environmentJson() {
@@ -97,7 +97,7 @@ export default {
   },
   methods: {
     hideModal() {
-      this.$emit('hide-modal')
+      this.$emit("hide-modal")
     },
     openDialogChooseFileToReplaceWith() {
       this.$refs.inputChooseFileToReplaceWith.click()
@@ -110,7 +110,7 @@ export default {
       reader.onload = event => {
         let content = event.target.result
         let environments = JSON.parse(content)
-        this.$store.commit('postwoman/replaceEnvironments', environments)
+        this.$store.commit("postwoman/replaceEnvironments", environments)
       }
       reader.readAsText(this.$refs.inputChooseFileToReplaceWith.files[0])
       this.fileImported()
@@ -120,8 +120,8 @@ export default {
       reader.onload = event => {
         let content = event.target.result
         let environments = JSON.parse(content)
-        let confirmation = this.$t('file_imported')
-        this.$store.commit('postwoman/importAddEnvironments', {
+        let confirmation = this.$t("file_imported")
+        this.$store.commit("postwoman/importAddEnvironments", {
           environments,
           confirmation,
         })
@@ -130,29 +130,29 @@ export default {
     },
     exportJSON() {
       let text = this.environmentJson
-      text = text.replace(/\n/g, '\r\n')
+      text = text.replace(/\n/g, "\r\n")
       let blob = new Blob([text], {
-        type: 'text/json',
+        type: "text/json",
       })
-      let anchor = document.createElement('a')
-      anchor.download = 'postwoman-environment.json'
+      let anchor = document.createElement("a")
+      anchor.download = "postwoman-environment.json"
       anchor.href = window.URL.createObjectURL(blob)
-      anchor.target = '_blank'
-      anchor.style.display = 'none'
+      anchor.target = "_blank"
+      anchor.style.display = "none"
       document.body.appendChild(anchor)
       anchor.click()
       document.body.removeChild(anchor)
-      this.$toast.success(this.$t('download_started'), {
-        icon: 'done',
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done",
       })
     },
     syncEnvironments() {
-      this.$store.commit('postwoman/replaceEnvironments', fb.currentEnvironments)
+      this.$store.commit("postwoman/replaceEnvironments", fb.currentEnvironments)
       this.fileImported()
     },
     fileImported() {
-      this.$toast.info(this.$t('file_imported'), {
-        icon: 'folder_shared',
+      this.$toast.info(this.$t("file_imported"), {
+        icon: "folder_shared",
       })
     },
   },
diff --git a/components/environments/index.vue b/components/environments/index.vue
index 25cf4520e..a3db91df5 100644
--- a/components/environments/index.vue
+++ b/components/environments/index.vue
@@ -15,12 +15,12 @@
       <div>
         <button class="icon" @click="displayModalAdd(true)">
           <i class="material-icons">add</i>
-          <span>{{ $t('new') }}</span>
+          <span>{{ $t("new") }}</span>
         </button>
       </div>
       <div>
         <button class="icon" @click="displayModalImportExport(true)">
-          {{ $t('import_export') }}
+          {{ $t("import_export") }}
         </button>
       </div>
     </div>
@@ -62,8 +62,8 @@ ul {
 </style>
 
 <script>
-import environment from './environment'
-import { fb } from '../../functions/fb'
+import environment from "./environment"
+import { fb } from "../../functions/fb"
 
 const updateOnLocalStorage = (propertyName, property) =>
   window.localStorage.setItem(propertyName, JSON.stringify(property))
@@ -71,11 +71,11 @@ const updateOnLocalStorage = (propertyName, property) =>
 export default {
   components: {
     environment,
-    'pw-section': () => import('../section'),
-    addEnvironment: () => import('./addEnvironment'),
-    editEnvironment: () => import('./editEnvironment'),
-    importExportEnvironment: () => import('./importExportEnvironment'),
-    VirtualList: () => import('vue-virtual-scroll-list'),
+    "pw-section": () => import("../section"),
+    addEnvironment: () => import("./addEnvironment"),
+    editEnvironment: () => import("./editEnvironment"),
+    importExportEnvironment: () => import("./importExportEnvironment"),
+    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
@@ -93,12 +93,12 @@ export default {
   },
   async mounted() {
     this._keyListener = function(e) {
-      if (e.key === 'Escape') {
+      if (e.key === "Escape") {
         e.preventDefault()
         this.showModalImportExport = false
       }
     }
-    document.addEventListener('keydown', this._keyListener.bind(this))
+    document.addEventListener("keydown", this._keyListener.bind(this))
   },
   methods: {
     displayModalAdd(shouldDisplay) {
@@ -131,7 +131,7 @@ export default {
     },
   },
   beforeDestroy() {
-    document.removeEventListener('keydown', this._keyListener)
+    document.removeEventListener("keydown", this._keyListener)
   },
 }
 </script>
diff --git a/components/firebase/feeds.vue b/components/firebase/feeds.vue
index 2903237a2..dea12bba4 100644
--- a/components/firebase/feeds.vue
+++ b/components/firebase/feeds.vue
@@ -10,7 +10,7 @@
       <div class="show-on-large-screen">
         <li class="info">
           <label>
-            {{ feed.label || $t('no_label') }}
+            {{ feed.label || $t("no_label") }}
           </label>
         </li>
         <button class="icon" @click="deleteFeed(feed)">
@@ -19,14 +19,14 @@
       </div>
       <div class="show-on-large-screen">
         <li class="info clamb-3">
-          <label>{{ feed.message || $t('empty') }}</label>
+          <label>{{ feed.message || $t("empty") }}</label>
         </li>
       </div>
     </ul>
   </virtual-list>
   <ul v-else>
     <li>
-      <label class="info">{{ $t('empty') }}</label>
+      <label class="info">{{ $t("empty") }}</label>
     </li>
   </ul>
 </template>
@@ -55,11 +55,11 @@ ol {
 </style>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   components: {
-    VirtualList: () => import('vue-virtual-scroll-list'),
+    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
@@ -69,8 +69,8 @@ export default {
   methods: {
     deleteFeed(feed) {
       fb.deleteFeed(feed.id)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
       })
     },
   },
diff --git a/components/firebase/inputform.vue b/components/firebase/inputform.vue
index fde538fd5..c22d3f816 100644
--- a/components/firebase/inputform.vue
+++ b/components/firebase/inputform.vue
@@ -46,7 +46,7 @@ ol {
 </style>
 
 <script>
-import { fb } from '../../functions/fb'
+import { fb } from "../../functions/fb"
 
 export default {
   data() {
diff --git a/components/firebase/login.vue b/components/firebase/login.vue
index ca22329d3..06594cb4a 100644
--- a/components/firebase/login.vue
+++ b/components/firebase/login.vue
@@ -41,8 +41,8 @@
 </template>
 
 <script>
-import firebase from 'firebase/app'
-import { fb } from '../../functions/fb'
+import firebase from "firebase/app"
+import { fb } from "../../functions/fb"
 
 export default {
   data() {
@@ -59,16 +59,16 @@ export default {
         .signInWithPopup(provider)
         .then(({ additionalUserInfo }) => {
           if (additionalUserInfo.isNewUser) {
-            this.$toast.info(`${this.$t('turn_on')} ${this.$t('sync')}`, {
-              icon: 'sync',
+            this.$toast.info(`${this.$t("turn_on")} ${this.$t("sync")}`, {
+              icon: "sync",
               duration: null,
               closeOnSwipe: false,
               action: {
-                text: this.$t('yes'),
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  fb.writeSettings('syncHistory', false)
-                  fb.writeSettings('syncCollections', true)
-                  this.$router.push({ path: '/settings' })
+                  fb.writeSettings("syncHistory", false)
+                  fb.writeSettings("syncCollections", true)
+                  this.$router.push({ path: "/settings" })
                   toastObject.remove()
                 },
               },
@@ -77,7 +77,7 @@ export default {
         })
         .catch(err => {
           this.$toast.show(err.message || err, {
-            icon: 'error',
+            icon: "error",
           })
         })
     },
@@ -88,16 +88,16 @@ export default {
         .signInWithPopup(provider)
         .then(({ additionalUserInfo }) => {
           if (additionalUserInfo.isNewUser) {
-            this.$toast.info(`${this.$t('turn_on')} ${this.$t('sync')}`, {
-              icon: 'sync',
+            this.$toast.info(`${this.$t("turn_on")} ${this.$t("sync")}`, {
+              icon: "sync",
               duration: null,
               closeOnSwipe: false,
               action: {
-                text: this.$t('yes'),
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  fb.writeSettings('syncHistory', false)
-                  fb.writeSettings('syncCollections', true)
-                  this.$router.push({ path: '/settings' })
+                  fb.writeSettings("syncHistory", false)
+                  fb.writeSettings("syncCollections", true)
+                  this.$router.push({ path: "/settings" })
                   toastObject.remove()
                 },
               },
@@ -106,7 +106,7 @@ export default {
         })
         .catch(err => {
           this.$toast.show(err.message || err, {
-            icon: 'error',
+            icon: "error",
           })
         })
     },
diff --git a/components/graphql/argument.vue b/components/graphql/argument.vue
index cdb86688f..a5171b933 100644
--- a/components/graphql/argument.vue
+++ b/components/graphql/argument.vue
@@ -11,7 +11,7 @@
 <style scoped lang="scss"></style>
 
 <script>
-import typelink from './typelink'
+import typelink from "./typelink"
 
 export default {
   components: {
diff --git a/components/graphql/field.vue b/components/graphql/field.vue
index 9ba83ffdb..05c7708f5 100644
--- a/components/graphql/field.vue
+++ b/components/graphql/field.vue
@@ -20,7 +20,7 @@
     </div>
 
     <div class="field-deprecated" v-if="gqlField.isDeprecated">
-      {{ $t('deprecated') }}
+      {{ $t("deprecated") }}
     </div>
   </div>
 </template>
@@ -50,7 +50,7 @@
 </style>
 
 <script>
-import typelink from './typelink'
+import typelink from "./typelink"
 
 export default {
   components: {
@@ -68,11 +68,11 @@ export default {
         return (
           acc +
           `${arg.name}: ${arg.type.toString()}${
-            index !== this.gqlField.args.length - 1 ? ', ' : ''
+            index !== this.gqlField.args.length - 1 ? ", " : ""
           }`
         )
-      }, '')
-      const argsString = args.length > 0 ? `(${args})` : ''
+      }, "")
+      const argsString = args.length > 0 ? `(${args})` : ""
       return `${this.gqlField.name}${argsString}: ${this.gqlField.type.toString()}`
     },
 
diff --git a/components/graphql/queryeditor.vue b/components/graphql/queryeditor.vue
index e48b24c49..3180f7e93 100644
--- a/components/graphql/queryeditor.vue
+++ b/components/graphql/queryeditor.vue
@@ -3,20 +3,20 @@
 </template>
 
 <script>
-const DEFAULT_THEME = 'twilight'
+const DEFAULT_THEME = "twilight"
 
-import ace from 'ace-builds'
-import * as gql from 'graphql'
-import { getAutocompleteSuggestions } from 'graphql-language-service-interface'
-import 'ace-builds/webpack-resolver'
-import 'ace-builds/src-noconflict/ext-language_tools'
-import debounce from '../../functions/utils/debounce'
+import ace from "ace-builds"
+import * as gql from "graphql"
+import { getAutocompleteSuggestions } from "graphql-language-service-interface"
+import "ace-builds/webpack-resolver"
+import "ace-builds/src-noconflict/ext-language_tools"
+import debounce from "../../functions/utils/debounce"
 
 export default {
   props: {
     value: {
       type: String,
-      default: '',
+      default: "",
     },
     theme: {
       type: String,
@@ -24,7 +24,7 @@ export default {
     },
     lang: {
       type: String,
-      default: 'json',
+      default: "json",
     },
     options: {
       type: Object,
@@ -35,7 +35,7 @@ export default {
   data() {
     return {
       editor: null,
-      cacheValue: '',
+      cacheValue: "",
       validationSchema: null,
     }
   },
@@ -59,7 +59,7 @@ export default {
   },
 
   mounted() {
-    let langTools = ace.require('ace/ext/language_tools')
+    let langTools = ace.require("ace/ext/language_tools")
 
     const editor = ace.edit(this.$refs.editor, {
       theme: `ace/theme/${this.defineTheme()}`,
@@ -99,9 +99,9 @@ export default {
     this.editor = editor
     this.cacheValue = this.value
 
-    editor.on('change', () => {
+    editor.on("change", () => {
       const content = editor.getValue()
-      this.$emit('input', content)
+      this.$emit("input", content)
       this.parseContents(content)
       this.cacheValue = content
     })
@@ -124,7 +124,7 @@ export default {
     },
 
     parseContents: debounce(function(content) {
-      if (content !== '') {
+      if (content !== "") {
         try {
           const doc = gql.parse(content)
 
@@ -134,7 +134,7 @@ export default {
                 row: locations[0].line - 1,
                 column: locations[0].column - 1,
                 text: message,
-                type: 'error',
+                type: "error",
               }))
             )
           }
@@ -144,7 +144,7 @@ export default {
               row: e.locations[0].line - 1,
               column: e.locations[0].column - 1,
               text: e.message,
-              type: 'error',
+              type: "error",
             },
           ])
         }
diff --git a/components/graphql/type.vue b/components/graphql/type.vue
index fd97ad406..1d0d91d13 100644
--- a/components/graphql/type.vue
+++ b/components/graphql/type.vue
@@ -6,7 +6,7 @@
     </div>
 
     <div v-if="gqlType.getFields">
-      <h5>{{ $t('fields') }}</h5>
+      <h5>{{ $t("fields") }}</h5>
       <div v-for="field in gqlType.getFields()" :key="field.name">
         <gql-field :gqlField="field" :jumpTypeCallback="jumpTypeCallback" />
       </div>
@@ -33,7 +33,7 @@
 <script>
 export default {
   components: {
-    'gql-field': () => import('./field'),
+    "gql-field": () => import("./field"),
   },
 
   props: {
diff --git a/components/graphql/typelink.vue b/components/graphql/typelink.vue
index 9d4cdcb45..33ff9ef56 100644
--- a/components/graphql/typelink.vue
+++ b/components/graphql/typelink.vue
@@ -5,7 +5,7 @@
 <style scoped lang="scss">
 .typelink {
   color: var(--ac-color);
-  font-family: 'Roboto Mono', monospace;
+  font-family: "Roboto Mono", monospace;
   font-weight: 400;
   cursor: pointer;
 }
diff --git a/components/history.vue b/components/history.vue
index 52c226c6e..bbe2799a8 100644
--- a/components/history.vue
+++ b/components/history.vue
@@ -32,7 +32,7 @@
             }"
           >
             <i class="material-icons">
-              {{ entry.star ? 'star' : 'star_border' }}
+              {{ entry.star ? "star" : "star_border" }}
             </i>
           </button>
           <li>
@@ -73,7 +73,7 @@
                   v-close-popover
                 >
                   <i class="material-icons">restore</i>
-                  <span>{{ $t('restore') }}</span>
+                  <span>{{ $t("restore") }}</span>
                 </button>
               </div>
               <div>
@@ -85,7 +85,7 @@
                   v-close-popover
                 >
                   <i class="material-icons">delete</i>
-                  <span>{{ $t('delete') }}</span>
+                  <span>{{ $t("delete") }}</span>
                 </button>
               </div>
             </template>
@@ -164,11 +164,11 @@
     </virtual-list>
     <ul :class="{ hidden: filteredHistory.length != 0 || history.length === 0 }">
       <li>
-        <label>{{ $t('nothing_found') }} "{{ filterText }}"</label>
+        <label>{{ $t("nothing_found") }} "{{ filterText }}"</label>
       </li>
     </ul>
     <p v-if="history.length === 0" class="info">
-      {{ $t('history_empty') }}
+      {{ $t("history_empty") }}
     </p>
     <div v-if="history.length !== 0">
       <div class="flex-wrap" v-if="!isClearingHistory">
@@ -179,7 +179,7 @@
           @click="enableHistoryClearing"
         >
           <i class="material-icons">clear_all</i>
-          <span>{{ $t('clear_all') }}</span>
+          <span>{{ $t("clear_all") }}</span>
         </button>
         <v-popover>
           <button class="tooltip-target icon" v-tooltip="$t('sort')">
@@ -189,45 +189,45 @@
             <div>
               <button class="icon" @click="sort_by_label()" v-close-popover>
                 <i class="material-icons">sort_by_alpha</i>
-                <span>{{ $t('label') }}</span>
+                <span>{{ $t("label") }}</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_time()" v-close-popover>
                 <i class="material-icons">access_time</i>
-                <span>{{ $t('time') }}</span>
+                <span>{{ $t("time") }}</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_status_code()" v-close-popover>
                 <i class="material-icons">assistant</i>
-                <span>{{ $t('status') }}</span>
+                <span>{{ $t("status") }}</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_url()" v-close-popover>
                 <i class="material-icons">language</i>
-                <span>{{ $t('url') }}</span>
+                <span>{{ $t("url") }}</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="sort_by_path()" v-close-popover>
                 <i class="material-icons">timeline</i>
-                <span>{{ $t('path') }}</span>
+                <span>{{ $t("path") }}</span>
               </button>
             </div>
             <div v-if="showMore">
               <button class="icon" @click="sort_by_duration()" v-close-popover>
                 <i class="material-icons">timer</i>
-                <span>{{ $t('duration') }}</span>
+                <span>{{ $t("duration") }}</span>
               </button>
             </div>
             <div>
               <button class="icon" @click="toggleCollapse()">
                 <i class="material-icons">
-                  {{ !showMore ? 'first_page' : 'last_page' }}
+                  {{ !showMore ? "first_page" : "last_page" }}
                 </i>
-                <span>{{ !showMore ? $t('show_more') : $t('hide_more') }}</span>
+                <span>{{ !showMore ? $t("show_more") : $t("hide_more") }}</span>
               </button>
             </div>
           </template>
@@ -235,7 +235,7 @@
       </div>
       <div class="flex-wrap" v-else>
         <label for="clear-history-button" class="info">
-          {{ $t('are_you_sure') }}
+          {{ $t("are_you_sure") }}
         </label>
         <div>
           <button
@@ -295,7 +295,7 @@ ol {
     position: absolute;
     top: 10px;
     right: 10px;
-    font-family: 'Roboto Mono', monospace;
+    font-family: "Roboto Mono", monospace;
     font-weight: 400;
     background-color: transparent;
     padding: 2px 6px;
@@ -320,24 +320,24 @@ ol {
 </style>
 
 <script>
-import { findStatusGroup } from '../pages/index'
-import { fb } from '../functions/fb'
+import { findStatusGroup } from "../pages/index"
+import { fb } from "../functions/fb"
 
 const updateOnLocalStorage = (propertyName, property) =>
   window.localStorage.setItem(propertyName, JSON.stringify(property))
 
 export default {
   components: {
-    'pw-section': () => import('./section'),
-    VirtualList: () => import('vue-virtual-scroll-list'),
+    "pw-section": () => import("./section"),
+    VirtualList: () => import("vue-virtual-scroll-list"),
   },
   data() {
     return {
       history:
         fb.currentUser !== null
           ? fb.currentHistory
-          : JSON.parse(window.localStorage.getItem('history')) || [],
-      filterText: '',
+          : JSON.parse(window.localStorage.getItem("history")) || [],
+      filterText: "",
       showFilter: false,
       isClearingHistory: false,
       reverse_sort_label: false,
@@ -353,12 +353,12 @@ export default {
       this.history =
         fb.currentUser !== null
           ? fb.currentHistory
-          : JSON.parse(window.localStorage.getItem('history')) || []
+          : JSON.parse(window.localStorage.getItem("history")) || []
       return this.history.filter(entry => {
         const filterText = this.filterText.toLowerCase()
         return Object.keys(entry).some(key => {
           let value = entry[key]
-          value = typeof value !== 'string' ? value.toString() : value
+          value = typeof value !== "string" ? value.toString() : value
           return value.toLowerCase().includes(filterText)
         })
       })
@@ -370,21 +370,21 @@ export default {
         fb.clearHistory()
       }
       this.history = []
-      this.filterText = ''
+      this.filterText = ""
       this.disableHistoryClearing()
-      updateOnLocalStorage('history', this.history)
-      this.$toast.error(this.$t('history_deleted'), {
-        icon: 'delete',
+      updateOnLocalStorage("history", this.history)
+      this.$toast.error(this.$t("history_deleted"), {
+        icon: "delete",
       })
     },
     useHistory(entry) {
-      this.$emit('useHistory', entry)
+      this.$emit("useHistory", entry)
     },
     findEntryStatus(entry) {
       const foundStatusGroup = findStatusGroup(entry.status)
       return (
         foundStatusGroup || {
-          className: '',
+          className: "",
         }
       )
     },
@@ -394,16 +394,16 @@ export default {
       }
       this.history.splice(this.history.indexOf(entry), 1)
       if (this.history.length === 0) {
-        this.filterText = ''
+        this.filterText = ""
       }
-      updateOnLocalStorage('history', this.history)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      updateOnLocalStorage("history", this.history)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
       })
     },
     addEntry(entry) {
       this.history.push(entry)
-      updateOnLocalStorage('history', this.history)
+      updateOnLocalStorage("history", this.history)
     },
     enableHistoryClearing() {
       if (!this.history || !this.history.length) return
@@ -415,10 +415,10 @@ export default {
     sort_by_time() {
       let byDate = this.history.slice(0)
       byDate.sort((a, b) => {
-        let date_a = a.date.split('/')
-        let date_b = b.date.split('/')
-        let time_a = a.time.split(':')
-        let time_b = b.time.split(':')
+        let date_a = a.date.split("/")
+        let date_b = b.date.split("/")
+        let time_a = a.time.split(":")
+        let time_b = b.time.split(":")
         let final_a = new Date(date_a[2], date_a[1], date_a[0], time_a[0], time_a[1], time_a[2])
         let final_b = new Date(date_b[2], date_b[1], date_b[0], time_b[0], time_b[1], time_b[2])
         if (this.reverse_sort_time) return final_b - final_a
@@ -481,7 +481,7 @@ export default {
         fb.toggleStar(entry, !entry.star)
       }
       entry.star = !entry.star
-      updateOnLocalStorage('history', this.history)
+      updateOnLocalStorage("history", this.history)
     },
   },
 }
diff --git a/components/section.vue b/components/section.vue
index 8745a4d8d..6556f1927 100644
--- a/components/section.vue
+++ b/components/section.vue
@@ -3,7 +3,7 @@
     <legend @click.prevent="collapse">
       <span>{{ label }}</span>
       <i class="material-icons">
-        {{ isCollapsed ? 'expand_more' : 'expand_less' }}
+        {{ isCollapsed ? "expand_more" : "expand_less" }}
       </i>
     </legend>
     <div class="collapsible" :class="{ hidden: collapsed }">
@@ -35,7 +35,7 @@ export default {
   props: {
     label: {
       type: String,
-      default: 'Section',
+      default: "Section",
     },
     collapsed: {
       type: Boolean,
@@ -45,7 +45,7 @@ export default {
   methods: {
     collapse({ target }) {
       const parent = target.parentNode.parentNode
-      parent.querySelector('.collapsible').classList.toggle('hidden')
+      parent.querySelector(".collapsible").classList.toggle("hidden")
       this.isCollapsed = !this.isCollapsed
     },
   },
diff --git a/components/toggle.vue b/components/toggle.vue
index 43a1d41ff..fffd35fec 100644
--- a/components/toggle.vue
+++ b/components/toggle.vue
@@ -90,8 +90,8 @@ export default {
 
   methods: {
     toggle() {
-      const containsOnClass = this.$refs.toggle.classList.toggle('on')
-      this.$emit('change', containsOnClass)
+      const containsOnClass = this.$refs.toggle.classList.toggle("on")
+      this.$emit("change", containsOnClass)
     },
   },
 }
diff --git a/directives/textareaAutoHeight.js b/directives/textareaAutoHeight.js
index 7d7177a4a..7f64a4784 100644
--- a/directives/textareaAutoHeight.js
+++ b/directives/textareaAutoHeight.js
@@ -1,5 +1,5 @@
 export default {
-  name: 'textareaAutoHeight',
+  name: "textareaAutoHeight",
   update({ scrollHeight, clientHeight, style }) {
     if (scrollHeight !== clientHeight) {
       style.minHeight = `${scrollHeight}px`
diff --git a/functions/editorutils.js b/functions/editorutils.js
index 53ba1ad74..32b0ef360 100644
--- a/functions/editorutils.js
+++ b/functions/editorutils.js
@@ -1,11 +1,11 @@
 const mimeToMode = {
-  'text/plain': 'plain_text',
-  'text/html': 'html',
-  'application/xml': 'xml',
-  'application/hal+json': 'json',
-  'application/json': 'json',
+  "text/plain": "plain_text",
+  "text/html": "html",
+  "application/xml": "xml",
+  "application/hal+json": "json",
+  "application/json": "json",
 }
 
 export function getEditorLangForMimeType(mimeType) {
-  return mimeToMode[mimeType] || 'plain_text'
+  return mimeToMode[mimeType] || "plain_text"
 }
diff --git a/functions/fb.js b/functions/fb.js
index bbb24f42e..2a5f8b5d7 100644
--- a/functions/fb.js
+++ b/functions/fb.js
@@ -1,22 +1,22 @@
-import firebase from 'firebase/app'
-import 'firebase/firestore'
-import 'firebase/auth'
+import firebase from "firebase/app"
+import "firebase/firestore"
+import "firebase/auth"
 
 // Initialize Firebase, copied from cloud console
 const firebaseConfig = {
-  apiKey: 'AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM',
-  authDomain: 'postwoman-api.firebaseapp.com',
-  databaseURL: 'https://postwoman-api.firebaseio.com',
-  projectId: 'postwoman-api',
-  storageBucket: 'postwoman-api.appspot.com',
-  messagingSenderId: '421993993223',
-  appId: '1:421993993223:web:ec0baa8ee8c02ffa1fc6a2',
-  measurementId: 'G-ERJ6025CEB',
+  apiKey: "AIzaSyCMsFreESs58-hRxTtiqQrIcimh4i1wbsM",
+  authDomain: "postwoman-api.firebaseapp.com",
+  databaseURL: "https://postwoman-api.firebaseio.com",
+  projectId: "postwoman-api",
+  storageBucket: "postwoman-api.appspot.com",
+  messagingSenderId: "421993993223",
+  appId: "1:421993993223:web:ec0baa8ee8c02ffa1fc6a2",
+  measurementId: "G-ERJ6025CEB",
 }
 firebase.initializeApp(firebaseConfig)
 
 // a reference to the users collection
-const usersCollection = firebase.firestore().collection('users')
+const usersCollection = firebase.firestore().collection("users")
 
 // the shared state object that any vue component
 // can get access to
@@ -38,17 +38,17 @@ export const fb = {
     }
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('feeds')
+      .collection("feeds")
       .add(dt)
-      .catch(e => console.error('error inserting', dt, e))
+      .catch(e => console.error("error inserting", dt, e))
   },
   deleteFeed: id => {
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('feeds')
+      .collection("feeds")
       .doc(id)
       .delete()
-      .catch(e => console.error('error deleting', id, e))
+      .catch(e => console.error("error deleting", id, e))
   },
   writeSettings: async (setting, value) => {
     const st = {
@@ -61,31 +61,31 @@ export const fb = {
     }
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('settings')
+      .collection("settings")
       .doc(setting)
       .set(st)
-      .catch(e => console.error('error updating', st, e))
+      .catch(e => console.error("error updating", st, e))
   },
   writeHistory: async entry => {
     const hs = entry
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('history')
+      .collection("history")
       .add(hs)
-      .catch(e => console.error('error inserting', hs, e))
+      .catch(e => console.error("error inserting", hs, e))
   },
   deleteHistory: entry => {
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('history')
+      .collection("history")
       .doc(entry.id)
       .delete()
-      .catch(e => console.error('error deleting', entry, e))
+      .catch(e => console.error("error deleting", entry, e))
   },
   clearHistory: () => {
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('history')
+      .collection("history")
       .get()
       .then(({ docs }) => {
         docs.forEach(e => fb.deleteHistory(e))
@@ -94,10 +94,10 @@ export const fb = {
   toggleStar: (entry, value) => {
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('history')
+      .collection("history")
       .doc(entry.id)
       .update({ star: value })
-      .catch(e => console.error('error deleting', entry, e))
+      .catch(e => console.error("error deleting", entry, e))
   },
   writeCollections: async collection => {
     const cl = {
@@ -109,10 +109,10 @@ export const fb = {
     }
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('collections')
-      .doc('sync')
+      .collection("collections")
+      .doc("sync")
       .set(cl)
-      .catch(e => console.error('error updating', cl, e))
+      .catch(e => console.error("error updating", cl, e))
   },
   writeEnvironments: async environment => {
     const ev = {
@@ -124,10 +124,10 @@ export const fb = {
     }
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('environments')
-      .doc('sync')
+      .collection("environments")
+      .doc("sync")
       .set(ev)
-      .catch(e => console.error('error updating', ev, e))
+      .catch(e => console.error("error updating", ev, e))
   },
 }
 
@@ -147,13 +147,13 @@ firebase.auth().onAuthStateChanged(user => {
       usersCollection
         .doc(fb.currentUser.uid)
         .set(us)
-        .catch(e => console.error('error updating', us, e))
+        .catch(e => console.error("error updating", us, e))
     })
 
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('feeds')
-      .orderBy('createdOn', 'desc')
+      .collection("feeds")
+      .orderBy("createdOn", "desc")
       .onSnapshot(feedsRef => {
         const feeds = []
         feedsRef.forEach(doc => {
@@ -166,7 +166,7 @@ firebase.auth().onAuthStateChanged(user => {
 
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('settings')
+      .collection("settings")
       .onSnapshot(settingsRef => {
         const settings = []
         settingsRef.forEach(doc => {
@@ -179,7 +179,7 @@ firebase.auth().onAuthStateChanged(user => {
 
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('history')
+      .collection("history")
       .onSnapshot(historyRef => {
         const history = []
         historyRef.forEach(doc => {
@@ -192,7 +192,7 @@ firebase.auth().onAuthStateChanged(user => {
 
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('collections')
+      .collection("collections")
       .onSnapshot(collectionsRef => {
         const collections = []
         collectionsRef.forEach(doc => {
@@ -205,7 +205,7 @@ firebase.auth().onAuthStateChanged(user => {
 
     usersCollection
       .doc(fb.currentUser.uid)
-      .collection('environments')
+      .collection("environments")
       .onSnapshot(environmentsRef => {
         const environments = []
         environmentsRef.forEach(doc => {
diff --git a/functions/headers.js b/functions/headers.js
index c672468de..648eeb705 100644
--- a/functions/headers.js
+++ b/functions/headers.js
@@ -1,124 +1,124 @@
 export const commonHeaders = [
-  'WWW-Authenticate',
-  'Authorization',
-  'Proxy-Authenticate',
-  'Proxy-Authorization',
-  'Age',
-  'Cache-Control',
-  'Clear-Site-Data',
-  'Expires',
-  'Pragma',
-  'Warning',
-  'Accept-CH',
-  'Accept-CH-Lifetime',
-  'Early-Data',
-  'Content-DPR',
-  'DPR',
-  'Device-Memory',
-  'Save-Data',
-  'Viewport-Width',
-  'Width',
-  'Last-Modified',
-  'ETag',
-  'If-Match',
-  'If-None-Match',
-  'If-Modified-Since',
-  'If-Unmodified-Since',
-  'Vary',
-  'Connection',
-  'Keep-Alive',
-  'Accept',
-  'Accept-Charset',
-  'Accept-Encoding',
-  'Accept-Language',
-  'Expect',
-  'Max-Forwards',
-  'Cookie',
-  'Set-Cookie',
-  'Cookie2',
-  'Set-Cookie2',
-  'Access-Control-Allow-Origin',
-  'Access-Control-Allow-Credentials',
-  'Access-Control-Allow-Headers',
-  'Access-Control-Allow-Methods',
-  'Access-Control-Expose-Headers',
-  'Access-Control-Max-Age',
-  'Access-Control-Request-Headers',
-  'Access-Control-Request-Method',
-  'Origin',
-  'Service-Worker-Allowed',
-  'Timing-Allow-Origin',
-  'X-Permitted-Cross-Domain-Policies',
-  'DNT',
-  'Tk',
-  'Content-Disposition',
-  'Content-Length',
-  'Content-Type',
-  'Content-Encoding',
-  'Content-Language',
-  'Content-Location',
-  'Forwarded',
-  'X-Forwarded-For',
-  'X-Forwarded-Host',
-  'X-Forwarded-Proto',
-  'Via',
-  'Location',
-  'From',
-  'Host',
-  'Referer',
-  'Referrer-Policy',
-  'User-Agent',
-  'Allow',
-  'Server',
-  'Accept-Ranges',
-  'Range',
-  'If-Range',
-  'Content-Range',
-  'Cross-Origin-Opener-Policy',
-  'Cross-Origin-Resource-Policy',
-  'Content-Security-Policy',
-  'Content-Security-Policy-Report-Only',
-  'Expect-CT',
-  'Feature-Policy',
-  'Public-Key-Pins',
-  'Public-Key-Pins-Report-Only',
-  'Strict-Transport-Security',
-  'Upgrade-Insecure-Requests',
-  'X-Content-Type-Options',
-  'X-Download-Options',
-  'X-Frame-Options',
-  'X-Powered-By',
-  'X-XSS-Protection',
-  'Last-Event-ID',
-  'NEL',
-  'Ping-From',
-  'Ping-To',
-  'Report-To',
-  'Transfer-Encoding',
-  'TE',
-  'Trailer',
-  'Sec-WebSocket-Key',
-  'Sec-WebSocket-Extensions',
-  'Sec-WebSocket-Accept',
-  'Sec-WebSocket-Protocol',
-  'Sec-WebSocket-Version',
-  'Accept-Push-Policy',
-  'Accept-Signature',
-  'Alt-Svc',
-  'Date',
-  'Large-Allocation',
-  'Link',
-  'Push-Policy',
-  'Retry-After',
-  'Signature',
-  'Signed-Headers',
-  'Server-Timing',
-  'SourceMap',
-  'Upgrade',
-  'X-DNS-Prefetch-Control',
-  'X-Firefox-Spdy',
-  'X-Pingback',
-  'X-Requested-With',
-  'X-Robots-Tag',
-  'X-UA-Compatible',
+  "WWW-Authenticate",
+  "Authorization",
+  "Proxy-Authenticate",
+  "Proxy-Authorization",
+  "Age",
+  "Cache-Control",
+  "Clear-Site-Data",
+  "Expires",
+  "Pragma",
+  "Warning",
+  "Accept-CH",
+  "Accept-CH-Lifetime",
+  "Early-Data",
+  "Content-DPR",
+  "DPR",
+  "Device-Memory",
+  "Save-Data",
+  "Viewport-Width",
+  "Width",
+  "Last-Modified",
+  "ETag",
+  "If-Match",
+  "If-None-Match",
+  "If-Modified-Since",
+  "If-Unmodified-Since",
+  "Vary",
+  "Connection",
+  "Keep-Alive",
+  "Accept",
+  "Accept-Charset",
+  "Accept-Encoding",
+  "Accept-Language",
+  "Expect",
+  "Max-Forwards",
+  "Cookie",
+  "Set-Cookie",
+  "Cookie2",
+  "Set-Cookie2",
+  "Access-Control-Allow-Origin",
+  "Access-Control-Allow-Credentials",
+  "Access-Control-Allow-Headers",
+  "Access-Control-Allow-Methods",
+  "Access-Control-Expose-Headers",
+  "Access-Control-Max-Age",
+  "Access-Control-Request-Headers",
+  "Access-Control-Request-Method",
+  "Origin",
+  "Service-Worker-Allowed",
+  "Timing-Allow-Origin",
+  "X-Permitted-Cross-Domain-Policies",
+  "DNT",
+  "Tk",
+  "Content-Disposition",
+  "Content-Length",
+  "Content-Type",
+  "Content-Encoding",
+  "Content-Language",
+  "Content-Location",
+  "Forwarded",
+  "X-Forwarded-For",
+  "X-Forwarded-Host",
+  "X-Forwarded-Proto",
+  "Via",
+  "Location",
+  "From",
+  "Host",
+  "Referer",
+  "Referrer-Policy",
+  "User-Agent",
+  "Allow",
+  "Server",
+  "Accept-Ranges",
+  "Range",
+  "If-Range",
+  "Content-Range",
+  "Cross-Origin-Opener-Policy",
+  "Cross-Origin-Resource-Policy",
+  "Content-Security-Policy",
+  "Content-Security-Policy-Report-Only",
+  "Expect-CT",
+  "Feature-Policy",
+  "Public-Key-Pins",
+  "Public-Key-Pins-Report-Only",
+  "Strict-Transport-Security",
+  "Upgrade-Insecure-Requests",
+  "X-Content-Type-Options",
+  "X-Download-Options",
+  "X-Frame-Options",
+  "X-Powered-By",
+  "X-XSS-Protection",
+  "Last-Event-ID",
+  "NEL",
+  "Ping-From",
+  "Ping-To",
+  "Report-To",
+  "Transfer-Encoding",
+  "TE",
+  "Trailer",
+  "Sec-WebSocket-Key",
+  "Sec-WebSocket-Extensions",
+  "Sec-WebSocket-Accept",
+  "Sec-WebSocket-Protocol",
+  "Sec-WebSocket-Version",
+  "Accept-Push-Policy",
+  "Accept-Signature",
+  "Alt-Svc",
+  "Date",
+  "Large-Allocation",
+  "Link",
+  "Push-Policy",
+  "Retry-After",
+  "Signature",
+  "Signed-Headers",
+  "Server-Timing",
+  "SourceMap",
+  "Upgrade",
+  "X-DNS-Prefetch-Control",
+  "X-Firefox-Spdy",
+  "X-Pingback",
+  "X-Requested-With",
+  "X-Robots-Tag",
+  "X-UA-Compatible",
 ]
diff --git a/functions/network.js b/functions/network.js
index 4ab4d0571..7e53cfa85 100644
--- a/functions/network.js
+++ b/functions/network.js
@@ -1,10 +1,10 @@
-import AxiosStrategy from './strategies/AxiosStrategy'
-import ExtensionStrategy, { hasExtensionInstalled } from './strategies/ExtensionStrategy'
-import FirefoxStrategy from './strategies/FirefoxStrategy'
-import ChromeStrategy, { hasChromeExtensionInstalled } from './strategies/ChromeStrategy'
+import AxiosStrategy from "./strategies/AxiosStrategy"
+import ExtensionStrategy, { hasExtensionInstalled } from "./strategies/ExtensionStrategy"
+import FirefoxStrategy from "./strategies/FirefoxStrategy"
+import ChromeStrategy, { hasChromeExtensionInstalled } from "./strategies/ChromeStrategy"
 
 const isExtensionsAllowed = ({ state }) =>
-  typeof state.postwoman.settings.EXTENSIONS_ENABLED === 'undefined' ||
+  typeof state.postwoman.settings.EXTENSIONS_ENABLED === "undefined" ||
   state.postwoman.settings.EXTENSIONS_ENABLED
 
 const runAppropriateStrategy = (req, store) => {
diff --git a/functions/postwomanTesting.js b/functions/postwomanTesting.js
index ab2136f5c..56466ef50 100644
--- a/functions/postwomanTesting.js
+++ b/functions/postwomanTesting.js
@@ -1,12 +1,12 @@
-const PASS = 'PASS'
-const FAIL = 'FAIL'
-const ERROR = 'ERROR'
+const PASS = "PASS"
+const FAIL = "FAIL"
+const ERROR = "ERROR"
 
 const styles = {
-  [PASS]: { icon: 'check', class: 'success-response' },
-  [FAIL]: { icon: 'close', class: 'cl-error-response' },
-  [ERROR]: { icon: 'close', class: 'cl-error-response' },
-  none: { icon: '', class: '' },
+  [PASS]: { icon: "check", class: "success-response" },
+  [FAIL]: { icon: "close", class: "cl-error-response" },
+  [ERROR]: { icon: "close", class: "cl-error-response" },
+  none: { icon: "", class: "" },
 }
 
 // TODO: probably have to use a more global state for `test`
@@ -15,7 +15,7 @@ export default function runTestScriptWithVariables(script, variables) {
   let pw = {
     _errors: [],
     _testReports: [],
-    _report: '',
+    _report: "",
     expect(value) {
       try {
         return expect(value, this._testReports)
@@ -29,7 +29,7 @@ export default function runTestScriptWithVariables(script, variables) {
   Object.assign(pw, variables)
 
   // run pre-request script within this function so that it has access to the pw object.
-  new Function('pw', script)(pw)
+  new Function("pw", script)(pw)
   //
   const testReports = pw._testReports.map(item => {
     if (item.result) {
@@ -83,9 +83,9 @@ class Expectation {
   _fmtNot(message) {
     // given a string with "(not)" in it, replaces with "not" or "", depending if the expectation is expecting the positive or inverse (this._not)
     if (this.not === true) {
-      return message.replace('(not)', 'not ')
+      return message.replace("(not)", "not ")
     } else {
-      return message.replace('(not)', '')
+      return message.replace("(not)", "")
     }
   }
   _fail(message) {
diff --git a/functions/preRequest.js b/functions/preRequest.js
index e50777d56..dc5ba9a96 100644
--- a/functions/preRequest.js
+++ b/functions/preRequest.js
@@ -14,7 +14,7 @@ export default function getEnvironmentVariablesFromScript(script) {
   }
 
   // run pre-request script within this function so that it has access to the pw object.
-  new Function('pw', script)(pw)
+  new Function("pw", script)(pw)
 
   return _variables
 }
diff --git a/functions/strategies/AxiosStrategy.js b/functions/strategies/AxiosStrategy.js
index 38bfec683..10de551fd 100644
--- a/functions/strategies/AxiosStrategy.js
+++ b/functions/strategies/AxiosStrategy.js
@@ -1,8 +1,8 @@
-import axios from 'axios'
+import axios from "axios"
 
 const axiosWithProxy = async (req, { state }) => {
   const { data } = await axios.post(
-    state.postwoman.settings.PROXY_URL || 'https://postwoman.apollotv.xyz/',
+    state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
     req
   )
   return data
diff --git a/functions/strategies/ChromeStrategy.js b/functions/strategies/ChromeStrategy.js
index 4bc2b8740..8e3e89ba8 100644
--- a/functions/strategies/ChromeStrategy.js
+++ b/functions/strategies/ChromeStrategy.js
@@ -1,17 +1,17 @@
-const EXTENSION_ID = 'amknoiejhlmhancpahfcfcfhllgkpbld'
+const EXTENSION_ID = "amknoiejhlmhancpahfcfcfhllgkpbld"
 
 // Check if the Chrome Extension is present
 // The Chrome extension injects an empty span to help detection.
 // Also check for the presence of window.chrome object to confirm smooth operations
 export const hasChromeExtensionInstalled = () =>
-  document.getElementById('chromePWExtensionDetect') !== null
+  document.getElementById("chromePWExtensionDetect") !== null
 
 const chromeWithoutProxy = (req, _store) =>
   new Promise((resolve, reject) => {
     chrome.runtime.sendMessage(
       EXTENSION_ID,
       {
-        messageType: 'send-req',
+        messageType: "send-req",
         data: {
           config: req,
         },
@@ -31,11 +31,11 @@ const chromeWithProxy = (req, { state }) =>
     chrome.runtime.sendMessage(
       EXTENSION_ID,
       {
-        messageType: 'send-req',
+        messageType: "send-req",
         data: {
           config: {
-            method: 'post',
-            url: state.postwoman.settings.PROXY_URL || 'https://postwoman.apollotv.xyz/',
+            method: "post",
+            url: state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
             data: req,
           },
         },
diff --git a/functions/strategies/ExtensionStrategy.js b/functions/strategies/ExtensionStrategy.js
index 0a704050f..fa7b2831a 100644
--- a/functions/strategies/ExtensionStrategy.js
+++ b/functions/strategies/ExtensionStrategy.js
@@ -1,10 +1,10 @@
 export const hasExtensionInstalled = () =>
-  typeof window.__POSTWOMAN_EXTENSION_HOOK__ !== 'undefined'
+  typeof window.__POSTWOMAN_EXTENSION_HOOK__ !== "undefined"
 
 const extensionWithProxy = async (req, { state }) => {
   const { data } = await window.__POSTWOMAN_EXTENSION_HOOK__.sendRequest({
-    method: 'post',
-    url: state.postwoman.settings.PROXY_URL || 'https://postwoman.apollotv.xyz/',
+    method: "post",
+    url: state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
     data: req,
   })
   return data
diff --git a/functions/strategies/FirefoxStrategy.js b/functions/strategies/FirefoxStrategy.js
index 5a11c718a..b47fdf9d3 100644
--- a/functions/strategies/FirefoxStrategy.js
+++ b/functions/strategies/FirefoxStrategy.js
@@ -1,7 +1,7 @@
 const firefoxWithProxy = (req, { state }) =>
   new Promise((resolve, reject) => {
     const eventListener = event => {
-      window.removeEventListener('firefoxExtSendRequestComplete', event)
+      window.removeEventListener("firefoxExtSendRequestComplete", event)
 
       if (event.detail.error) {
         reject(JSON.parse(event.detail.error))
@@ -10,11 +10,11 @@ const firefoxWithProxy = (req, { state }) =>
       }
     }
 
-    window.addEventListener('firefoxExtSendRequestComplete', eventListener)
+    window.addEventListener("firefoxExtSendRequestComplete", eventListener)
 
     window.firefoxExtSendRequest({
-      method: 'post',
-      url: state.postwoman.settings.PROXY_URL || 'https://postwoman.apollotv.xyz/',
+      method: "post",
+      url: state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
       data: req,
     })
   })
@@ -22,7 +22,7 @@ const firefoxWithProxy = (req, { state }) =>
 const firefoxWithoutProxy = (req, _store) =>
   new Promise((resolve, reject) => {
     const eventListener = ({ detail }) => {
-      window.removeEventListener('firefoxExtSendRequestComplete', eventListener)
+      window.removeEventListener("firefoxExtSendRequestComplete", eventListener)
 
       if (detail.error) {
         reject(JSON.parse(detail.error))
@@ -31,7 +31,7 @@ const firefoxWithoutProxy = (req, _store) =>
       }
     }
 
-    window.addEventListener('firefoxExtSendRequestComplete', eventListener)
+    window.addEventListener("firefoxExtSendRequestComplete", eventListener)
 
     window.firefoxExtSendRequest(req)
   })
diff --git a/functions/templating.js b/functions/templating.js
index c969e50f0..68d009cfd 100644
--- a/functions/templating.js
+++ b/functions/templating.js
@@ -3,5 +3,5 @@ export default function parseTemplateString(string, variables) {
     return string
   }
   const searchTerm = /<<([^>]*)>>/g // "<<myVariable>>"
-  return string.replace(searchTerm, (match, p1) => variables[p1] || '')
+  return string.replace(searchTerm, (match, p1) => variables[p1] || "")
 }
diff --git a/lang/de-DE.js b/lang/de-DE.js
index 1f4064831..09f6d9bc0 100644
--- a/lang/de-DE.js
+++ b/lang/de-DE.js
@@ -1,90 +1,90 @@
 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',
+  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 ApolloTV bereitgestellt.',
-  read_the: 'Lies die',
-  apollotv_privacy_policy: 'ApolloTV Datenschutzerklärung',
-  contact_us: 'Kontaktiere uns',
-  connect: 'Verbinden',
-  disconnect: 'Trennen',
-  start: 'Start',
-  stop: 'Stopp',
+    "Postwomans offizieller Proxy wird durch ApolloTV bereitgestellt.",
+  read_the: "Lies die",
+  apollotv_privacy_policy: "ApolloTV Datenschutzerklärung",
+  contact_us: "Kontaktiere uns",
+  connect: "Verbinden",
+  disconnect: "Trennen",
+  start: "Start",
+  stop: "Stopp",
 }
diff --git a/lang/en-US.js b/lang/en-US.js
index 3c680d3de..e7c5e755c 100644
--- a/lang/en-US.js
+++ b/lang/en-US.js
@@ -1,273 +1,273 @@
 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',
-  support_us_on: 'Support us on',
-  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',
-  environment: 'Environment',
-  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',
+  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",
+  support_us_on: "Support us on",
+  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",
+  environment: "Environment",
+  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 ApolloTV.",
-  read_the: 'Read the',
-  apollotv_privacy_policy: 'ApolloTV 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.',
+  read_the: "Read the",
+  apollotv_privacy_policy: "ApolloTV 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)',
-  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.',
-  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',
+  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)",
+  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.",
+  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',
-  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',
+    "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",
+  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",
 }
diff --git a/lang/es-ES.js b/lang/es-ES.js
index 5df011428..3b981ca2a 100644
--- a/lang/es-ES.js
+++ b/lang/es-ES.js
@@ -1,262 +1,262 @@
 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 ApolloTV.',
-  read_the: 'Leer la',
-  apollotv_privacy_policy: 'Política de Privacidad de ApolloTV',
-  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.',
+  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 ApolloTV.",
+  read_the: "Leer la",
+  apollotv_privacy_policy: "Política de Privacidad de ApolloTV",
+  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',
+    "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',
+    "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',
+    "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/fa-IR.js b/lang/fa-IR.js
index 8a332d1e3..e407d8eff 100644
--- a/lang/fa-IR.js
+++ b/lang/fa-IR.js
@@ -1,89 +1,89 @@
 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  برروی هاست ApolloTV قرار دارد.',
-  read_the: 'بخوانید',
-  apollotv_privacy_policy: 'خط مشی رازداری ApolloTV',
-  contact_us: 'Contact us',
-  connect: 'Connect',
-  disconnect: 'Disconnect',
-  start: 'Start',
-  stop: 'Stop',
+  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  برروی هاست ApolloTV قرار دارد.",
+  read_the: "بخوانید",
+  apollotv_privacy_policy: "خط مشی رازداری ApolloTV",
+  contact_us: "Contact us",
+  connect: "Connect",
+  disconnect: "Disconnect",
+  start: "Start",
+  stop: "Stop",
 }
diff --git a/lang/fr-FR.js b/lang/fr-FR.js
index 7c7215d2c..cd85a492d 100644
--- a/lang/fr-FR.js
+++ b/lang/fr-FR.js
@@ -1,262 +1,262 @@
 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',
+  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',
+  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',
+  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',
+  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 ApolloTV.',
-  read_the: 'Lire la',
-  apollotv_privacy_policy: 'politique de confidentialité ApolloTV',
-  contact_us: 'Contactez nous',
-  connect: 'Relier',
-  disconnect: 'Déconnecter',
-  start: 'Début',
-  stop: 'Arrêtez',
+  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 ApolloTV.",
+  read_the: "Lire la",
+  apollotv_privacy_policy: "politique de confidentialité ApolloTV",
+  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',
+  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',
+  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',
+  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}',
+  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...',
+    "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',
+  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',
+  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',
+  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: "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é',
+  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é',
+  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',
+  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',
+  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',
+  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',
+  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
index 181e1f223..59f1fe7ed 100644
--- a/lang/id-ID.js
+++ b/lang/id-ID.js
@@ -1,89 +1,89 @@
 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 ApolloTV.',
-  read_the: 'Bacalah',
-  apollotv_privacy_policy: 'kebijakan privasi ApolloTV',
-  contact_us: 'Hubungi kami',
-  connect: 'Menghubungkan',
-  disconnect: 'Memutuskan',
-  start: 'Mulai',
-  stop: 'Berhenti',
+  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 ApolloTV.",
+  read_the: "Bacalah",
+  apollotv_privacy_policy: "kebijakan privasi ApolloTV",
+  contact_us: "Hubungi kami",
+  connect: "Menghubungkan",
+  disconnect: "Memutuskan",
+  start: "Mulai",
+  stop: "Berhenti",
 }
diff --git a/lang/ja-JP.js b/lang/ja-JP.js
index d56a9cf86..1c1d7a417 100644
--- a/lang/ja-JP.js
+++ b/lang/ja-JP.js
@@ -1,245 +1,245 @@
 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 TVがホストしています。',
-  read_the: 'プライバシーポリシー',
-  apollotv_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: 'トークンリクエストを保存した',
+  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 TVがホストしています。",
+  read_the: "プライバシーポリシー",
+  apollotv_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: '空',
+    "Postwomanを非常に役に立つと思われる場合、感謝の印として寄付のご検討をお願いします。",
+  donate_info2: "以下の方法でPostwomanの開発をサポートできます：",
+  one_time_recurring: "一度又は定期的",
+  one_time: "一度",
+  recurring: "定期的",
+  wiki: "Wiki",
+  error: "エラー",
+  go_home: "ホームに戻る",
+  reload: "リロード",
+  enter_curl: "cURLを入力",
+  empty: "空",
 }
diff --git a/lang/pt-BR.js b/lang/pt-BR.js
index 69babb13d..ea1fdfdeb 100644
--- a/lang/pt-BR.js
+++ b/lang/pt-BR.js
@@ -1,89 +1,89 @@
 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',
+  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',
-  apollotv_privacy_policy: 'ApolloTV Política de Privacidade',
-  contact_us: 'Contate-Nos',
-  connect: 'Conectar',
-  disconnect: 'Desconectar',
-  start: 'Começar',
-  stop: 'Pare',
+  read_the: "Leia o",
+  apollotv_privacy_policy: "ApolloTV Política de Privacidade",
+  contact_us: "Contate-Nos",
+  connect: "Conectar",
+  disconnect: "Desconectar",
+  start: "Começar",
+  stop: "Pare",
 }
diff --git a/lang/tr-TR.js b/lang/tr-TR.js
index b103a1fed..fe9233288 100644
--- a/lang/tr-TR.js
+++ b/lang/tr-TR.js
@@ -1,89 +1,89 @@
 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',
+  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 ApolloTV.',
-  read_the: 'Leer la',
-  apollotv_privacy_policy: 'ApolloTV gizlilik politikaları',
-  contact_us: 'Bizimle iletişime geçin',
-  connect: 'Bağlan',
-  disconnect: 'Kesmek',
-  start: 'Başla',
-  stop: 'Durdurmak',
+  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 ApolloTV.",
+  read_the: "Leer la",
+  apollotv_privacy_policy: "ApolloTV gizlilik politikaları",
+  contact_us: "Bizimle iletişime geçin",
+  connect: "Bağlan",
+  disconnect: "Kesmek",
+  start: "Başla",
+  stop: "Durdurmak",
 }
diff --git a/lang/zh-CN.js b/lang/zh-CN.js
index 180e9329d..086b8a51b 100644
--- a/lang/zh-CN.js
+++ b/lang/zh-CN.js
@@ -1,89 +1,89 @@
 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的官方代理由ApolloTV托管',
-  read_the: '阅读',
-  apollotv_privacy_policy: 'ApolloTV隐私政策',
-  contact_us: '联系我们',
-  connect: '连接',
-  disconnect: '断开',
-  start: '开始',
-  stop: '停止',
+  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的官方代理由ApolloTV托管",
+  read_the: "阅读",
+  apollotv_privacy_policy: "ApolloTV隐私政策",
+  contact_us: "联系我们",
+  connect: "连接",
+  disconnect: "断开",
+  start: "开始",
+  stop: "停止",
 }
diff --git a/layouts/default.vue b/layouts/default.vue
index 5d700a4f0..e41879de1 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -324,7 +324,7 @@
                           <button class="icon">
                             <i class="material-icons">settings</i>
                             <span>
-                              {{ $t('settings') }}
+                              {{ $t("settings") }}
                             </span>
                           </button>
                         </nuxt-link>
@@ -332,7 +332,7 @@
                       <div>
                         <button class="icon" @click="logout" v-close-popover>
                           <i class="material-icons">exit_to_app</i>
-                          <span>{{ $t('logout') }}</span>
+                          <span>{{ $t("logout") }}</span>
                         </button>
                       </div>
                     </template>
@@ -346,19 +346,19 @@
                     <div>
                       <button class="icon" @click="showExtensions = true" v-close-popover>
                         <i class="material-icons">extension</i>
-                        <span>{{ $t('extensions') }}</span>
+                        <span>{{ $t("extensions") }}</span>
                       </button>
                     </div>
                     <div>
                       <button class="icon" @click="showShortcuts = true" v-close-popover>
                         <i class="material-icons">keyboard</i>
-                        <span>{{ $t('shortcuts') }}</span>
+                        <span>{{ $t("shortcuts") }}</span>
                       </button>
                     </div>
                     <div>
                       <button class="icon" @click="showSupport = true" v-close-popover>
                         <i class="material-icons">favorite</i>
-                        <span>{{ $t('support_us') }}</span>
+                        <span>{{ $t("support_us") }}</span>
                       </button>
                     </div>
                     <div>
@@ -377,7 +377,7 @@
                             d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"
                           />
                         </svg>
-                        <span>{{ $t('tweet') }}</span>
+                        <span>{{ $t("tweet") }}</span>
                       </button>
                       <button
                         v-if="navigatorShare"
@@ -462,7 +462,7 @@
         <ul>
           <li>
             <div class="flex-wrap">
-              <h3 class="title">{{ $t('extensions') }}</h3>
+              <h3 class="title">{{ $t("extensions") }}</h3>
               <div>
                 <button class="icon" @click="showExtensions = false">
                   <i class="material-icons">close</i>
@@ -474,7 +474,7 @@
       </div>
       <div slot="body">
         <p class="info">
-          {{ $t('extensions_info1') }}
+          {{ $t("extensions_info1") }}
         </p>
         <div>
           <a
@@ -534,7 +534,7 @@
         <ul>
           <li>
             <div class="flex-wrap">
-              <h3 class="title">{{ $t('shortcuts') }}</h3>
+              <h3 class="title">{{ $t("shortcuts") }}</h3>
               <div>
                 <button class="icon" @click="showShortcuts = false">
                   <i class="material-icons">close</i>
@@ -546,19 +546,19 @@
       </div>
       <div slot="body">
         <div>
-          <label>{{ $t('send_request') }}</label>
+          <label>{{ $t("send_request") }}</label>
           <kbd>{{ getSpecialKey() }} G</kbd>
         </div>
         <div>
-          <label>{{ $t('save_to_collections') }}</label>
+          <label>{{ $t("save_to_collections") }}</label>
           <kbd>{{ getSpecialKey() }} S</kbd>
         </div>
         <div>
-          <label>{{ $t('copy_request_link') }}</label>
+          <label>{{ $t("copy_request_link") }}</label>
           <kbd>{{ getSpecialKey() }} K</kbd>
         </div>
         <div>
-          <label>{{ $t('reset_request') }}</label>
+          <label>{{ $t("reset_request") }}</label>
           <kbd>{{ getSpecialKey() }} L</kbd>
         </div>
       </div>
@@ -569,7 +569,7 @@
         <ul>
           <li>
             <div class="flex-wrap">
-              <h3 class="title">{{ $t('support_us_on') }}</h3>
+              <h3 class="title">{{ $t("support_us_on") }}</h3>
               <div>
                 <button class="icon" @click="showSupport = false">
                   <i class="material-icons">close</i>
@@ -581,10 +581,10 @@
       </div>
       <div slot="body">
         <p class="info">
-          {{ $t('donate_info1') }}
+          {{ $t("donate_info1") }}
         </p>
         <p class="info">
-          {{ $t('donate_info2') }}
+          {{ $t("donate_info2") }}
         </p>
         <div>
           <a
@@ -595,7 +595,7 @@
           >
             <button class="icon">
               <i class="material-icons">donut_large</i>
-              <span>{{ $t('open_collective') }}</span>
+              <span>{{ $t("open_collective") }}</span>
             </button>
           </a>
         </div>
@@ -608,7 +608,7 @@
           >
             <button class="icon">
               <i class="material-icons">payment</i>
-              <span>{{ $t('paypal') }}</span>
+              <span>{{ $t("paypal") }}</span>
             </button>
           </a>
         </div>
@@ -621,7 +621,7 @@
           >
             <button class="icon">
               <i class="material-icons">local_parking</i>
-              <span>{{ $t('patreon') }}</span>
+              <span>{{ $t("patreon") }}</span>
             </button>
           </a>
         </div>
@@ -638,27 +638,27 @@
 </style>
 
 <script>
-import intializePwa from '../assets/js/pwa'
-import * as version from '../.postwoman/version.json'
-import { hasExtensionInstalled } from '../functions/strategies/ExtensionStrategy'
-import firebase from 'firebase/app'
-import { fb } from '../functions/fb'
+import intializePwa from "../assets/js/pwa"
+import * as version from "../.postwoman/version.json"
+import { hasExtensionInstalled } from "../functions/strategies/ExtensionStrategy"
+import firebase from "firebase/app"
+import { fb } from "../functions/fb"
 
 export default {
   components: {
-    logo: () => import('../components/logo'),
-    modal: () => import('../components/modal'),
-    login: () => import('../components/firebase/login'),
+    logo: () => import("../components/logo"),
+    modal: () => import("../components/modal"),
+    login: () => import("../components/firebase/login"),
   },
 
   methods: {
     getSpecialKey() {
-      return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? '⌘' : 'Ctrl'
+      return /(Mac|iPhone|iPod|iPad)/i.test(navigator.platform) ? "⌘" : "Ctrl"
     },
     linkActive(path) {
       return {
-        'nuxt-link-exact-active': this.$route.path === path,
-        'nuxt-link-active': this.$route.path === path,
+        "nuxt-link-exact-active": this.$route.path === path,
+        "nuxt-link-active": this.$route.path === path,
       }
     },
     logout() {
@@ -668,21 +668,21 @@ export default {
         .signOut()
         .catch(err => {
           this.$toast.show(err.message || err, {
-            icon: 'error',
+            icon: "error",
           })
         })
-      this.$toast.info(this.$t('logged_out'), {
-        icon: 'vpn_key',
+      this.$toast.info(this.$t("logged_out"), {
+        icon: "vpn_key",
       })
     },
     nativeShare() {
       if (navigator.share) {
         navigator
           .share({
-            title: 'Postwoman',
+            title: "Postwoman",
             text:
-              'Postwoman • A free, fast and beautiful API request builder - Web alternative to Postman - Helps you create requests faster, saving precious time on development.',
-            url: 'https://postwoman.io/',
+              "Postwoman • A free, fast and beautiful API request builder - Web alternative to Postman - Helps you create requests faster, saving precious time on development.",
+            url: "https://postwoman.io/",
           })
           .then(() => {})
           .catch(console.error)
@@ -715,66 +715,66 @@ export default {
     // Load theme settings
     ;(() => {
       // Apply theme from settings.
-      document.documentElement.className = this.$store.state.postwoman.settings.THEME_CLASS || ''
+      document.documentElement.className = this.$store.state.postwoman.settings.THEME_CLASS || ""
       // Load theme color data from settings, or use default color.
-      let color = this.$store.state.postwoman.settings.THEME_COLOR || '#50fa7b'
+      let color = this.$store.state.postwoman.settings.THEME_COLOR || "#50fa7b"
       let vibrant = this.$store.state.postwoman.settings.THEME_COLOR_VIBRANT || true
-      document.documentElement.style.setProperty('--ac-color', color)
+      document.documentElement.style.setProperty("--ac-color", color)
       document.documentElement.style.setProperty(
-        '--act-color',
-        vibrant ? 'rgba(32, 33, 36, 1)' : 'rgba(255, 255, 255, 1)'
+        "--act-color",
+        vibrant ? "rgba(32, 33, 36, 1)" : "rgba(255, 255, 255, 1)"
       )
     })()
   },
 
   mounted() {
     if (process.client) {
-      document.body.classList.add('afterLoad')
+      document.body.classList.add("afterLoad")
     }
 
     document
-      .querySelector('meta[name=theme-color]')
-      .setAttribute('content', this.$store.state.postwoman.settings.THEME_TAB_COLOR || '#202124')
+      .querySelector("meta[name=theme-color]")
+      .setAttribute("content", this.$store.state.postwoman.settings.THEME_TAB_COLOR || "#202124")
 
     // Initializes the PWA code - checks if the app is installed,
     // etc.
     ;(async () => {
       this.showInstallPrompt = await intializePwa()
-      let cookiesAllowed = localStorage.getItem('cookiesAllowed') === 'yes'
+      let cookiesAllowed = localStorage.getItem("cookiesAllowed") === "yes"
       if (!cookiesAllowed) {
-        this.$toast.show(this.$t('we_use_cookies'), {
-          icon: 'info',
+        this.$toast.show(this.$t("we_use_cookies"), {
+          icon: "info",
           duration: 5000,
-          theme: 'toasted-primary',
+          theme: "toasted-primary",
           action: [
             {
-              text: this.$t('dismiss'),
+              text: this.$t("dismiss"),
               onClick: (e, toastObject) => {
-                localStorage.setItem('cookiesAllowed', 'yes')
+                localStorage.setItem("cookiesAllowed", "yes")
                 toastObject.goAway(0)
               },
             },
           ],
         })
       }
-      let showExtensionsToast = localStorage.getItem('showExtensionsToast') === 'yes'
+      let showExtensionsToast = localStorage.getItem("showExtensionsToast") === "yes"
       if (!this.extensionInstalled && !showExtensionsToast) {
         setTimeout(() => {
-          this.$toast.show(this.$t('extensions_info2'), {
-            icon: 'extension',
+          this.$toast.show(this.$t("extensions_info2"), {
+            icon: "extension",
             duration: 5000,
-            theme: 'toasted-primary',
+            theme: "toasted-primary",
             action: [
               {
-                text: this.$t('yes'),
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
                   this.showExtensions = true
-                  localStorage.setItem('showExtensionsToast', 'yes')
+                  localStorage.setItem("showExtensionsToast", "yes")
                   toastObject.goAway(0)
                 },
               },
               {
-                text: this.$t('no'),
+                text: this.$t("no"),
                 onClick: (e, toastObject) => {
                   toastObject.goAway(0)
                 },
@@ -785,16 +785,16 @@ export default {
       }
 
       this._keyListener = function(e) {
-        if (e.key === 'Escape') {
+        if (e.key === "Escape") {
           e.preventDefault()
           this.showExtensions = this.showShortcuts = this.showSupport = false
         }
       }
-      document.addEventListener('keydown', this._keyListener.bind(this))
+      document.addEventListener("keydown", this._keyListener.bind(this))
     })()
 
-    window.addEventListener('scroll', event => {
-      let mainNavLinks = document.querySelectorAll('nav ul li a')
+    window.addEventListener("scroll", event => {
+      let mainNavLinks = document.querySelectorAll("nav ul li a")
       let fromTop = window.scrollY
       mainNavLinks.forEach(link => {
         let section = document.querySelector(link.hash)
@@ -804,20 +804,20 @@ export default {
           section.offsetTop <= fromTop &&
           section.offsetTop + section.offsetHeight > fromTop
         ) {
-          link.classList.add('current')
+          link.classList.add("current")
         } else {
-          link.classList.remove('current')
+          link.classList.remove("current")
         }
       })
     })
 
     console.log(
-      '%cWe ❤︎ open source!',
-      'background-color:white;padding:8px 16px;border-radius:8px;font-size:32px;color:red;'
+      "%cWe ❤︎ open source!",
+      "background-color:white;padding:8px 16px;border-radius:8px;font-size:32px;color:red;"
     )
     console.log(
-      '%cContribute: https://github.com/liyasthomas/postwoman',
-      'background-color:black;padding:4px 8px;border-radius:8px;font-size:16px;color:white;'
+      "%cContribute: https://github.com/liyasthomas/postwoman",
+      "background-color:black;padding:4px 8px;border-radius:8px;font-size:16px;color:white;"
     )
   },
 
@@ -834,7 +834,7 @@ export default {
   },
 
   beforeDestroy() {
-    document.removeEventListener('keydown', this._keyListener)
+    document.removeEventListener("keydown", this._keyListener)
   },
 }
 </script>
diff --git a/layouts/error.vue b/layouts/error.vue
index 4e482c69d..1dd0f6d9f 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -5,11 +5,11 @@
     <h3>{{ error.message }}</h3>
     <p>
       <nuxt-link to="/">
-        <button>{{ $t('go_home') }}</button>
+        <button>{{ $t("go_home") }}</button>
       </nuxt-link>
     </p>
     <p>
-      <a href @click.prevent="reloadApplication">{{ $t('reload') }}</a>
+      <a href @click.prevent="reloadApplication">{{ $t("reload") }}</a>
     </p>
   </div>
 </template>
@@ -31,18 +31,18 @@
 
 <script>
 export default {
-  props: ['error'],
+  props: ["error"],
 
   methods: {
     reloadApplication() {
-      this.$router.push('/', () => window.location.reload())
+      this.$router.push("/", () => window.location.reload())
     },
   },
 
   head() {
     return {
       bodyAttrs: {
-        class: 'sticky-footer',
+        class: "sticky-footer",
       },
     }
   },
diff --git a/middleware/parsedefaulturl.js b/middleware/parsedefaulturl.js
index 89a6cab4b..7b3d49a7e 100644
--- a/middleware/parsedefaulturl.js
+++ b/middleware/parsedefaulturl.js
@@ -1,5 +1,5 @@
 export default function({ route, redirect }) {
-  if (route.fullPath !== '/') {
-    return redirect('/')
+  if (route.fullPath !== "/") {
+    return redirect("/")
   }
 }
diff --git a/nuxt.config.js b/nuxt.config.js
index 6c63cdcd0..802bb93e7 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -1,18 +1,18 @@
 // Some helpful application constants.
 // TODO: Use these when rendering the pages (rather than just for head/meta tags...)
 export const meta = {
-  name: 'Postwoman',
-  shortDescription: 'A free, fast and beautiful API request builder',
+  name: "Postwoman",
+  shortDescription: "A free, fast and beautiful API request builder",
   description:
-    'Web alternative to Postman - Helps you create requests faster, saving precious time on development.',
+    "Web alternative to Postman - Helps you create requests faster, saving precious time on development.",
 }
 // Sets the base path for the router.
 // Important for deploying to GitHub pages.
 // -- Travis includes the author in the repo slug,
 //    so if there's a /, we need to get everything after it.
-let repoName = (process.env.TRAVIS_REPO_SLUG || '').split('/').pop()
+let repoName = (process.env.TRAVIS_REPO_SLUG || "").split("/").pop()
 export const routerBase =
-  process.env.DEPLOY_ENV === 'GH_PAGES'
+  process.env.DEPLOY_ENV === "GH_PAGES"
     ? {
         router: {
           base: `/${repoName}/`,
@@ -20,21 +20,21 @@ export const routerBase =
       }
     : {
         router: {
-          base: '/',
+          base: "/",
         },
       }
 export default {
-  mode: 'spa',
+  mode: "spa",
   /*
    ** Headers of the page
    */
   server: {
-    host: '0.0.0.0', // default: localhost
+    host: "0.0.0.0", // default: localhost
   },
   render: {
     bundleRenderer: {
       shouldPreload: (file, type) => {
-        return ['script', 'style', 'font'].includes(type)
+        return ["script", "style", "font"].includes(type)
       },
     },
   },
@@ -42,154 +42,154 @@ export default {
     title: `${meta.name} \u2022 ${meta.shortDescription}`,
     meta: [
       {
-        charset: 'utf-8',
+        charset: "utf-8",
       },
       {
-        name: 'viewport',
+        name: "viewport",
         content:
-          'width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover, minimal-ui',
+          "width=device-width, initial-scale=1, minimum-scale=1, viewport-fit=cover, minimal-ui",
       },
       {
-        hid: 'description',
-        name: 'description',
-        content: meta.description || '',
+        hid: "description",
+        name: "description",
+        content: meta.description || "",
       },
       {
-        name: 'keywords',
+        name: "keywords",
         content:
-          'postwoman, postwoman chrome, postwoman online, postwoman for mac, postwoman app, postwoman for windows, postwoman google chrome, postwoman chrome app, get postwoman, postwoman web, postwoman android, postwoman app for chrome, postwoman mobile app, postwoman web app, api, request, testing, tool, rest, websocket, sse, graphql',
+          "postwoman, postwoman chrome, postwoman online, postwoman for mac, postwoman app, postwoman for windows, postwoman google chrome, postwoman chrome app, get postwoman, postwoman web, postwoman android, postwoman app for chrome, postwoman mobile app, postwoman web app, api, request, testing, tool, rest, websocket, sse, graphql",
       },
       {
-        name: 'X-UA-Compatible',
-        content: 'IE=edge, chrome=1',
+        name: "X-UA-Compatible",
+        content: "IE=edge, chrome=1",
       },
       {
-        itemprop: 'name',
+        itemprop: "name",
         content: `${meta.name} \u2022 ${meta.shortDescription}`,
       },
       {
-        itemprop: 'description',
+        itemprop: "description",
         content: meta.description,
       },
       {
-        itemprop: 'image',
+        itemprop: "image",
         content: `https://postwoman.io/logo.jpg`,
       },
       // Add to homescreen for Chrome on Android. Fallback for PWA (handled by nuxt)
       {
-        name: 'application-name',
+        name: "application-name",
         content: meta.name,
       },
       // Add to homescreen for Safari on iOS
       {
-        name: 'apple-mobile-web-app-capable',
-        content: 'yes',
+        name: "apple-mobile-web-app-capable",
+        content: "yes",
       },
       {
-        name: 'apple-mobile-web-app-status-bar-style',
-        content: 'black-translucent',
+        name: "apple-mobile-web-app-status-bar-style",
+        content: "black-translucent",
       },
       {
-        name: 'apple-mobile-web-app-title',
+        name: "apple-mobile-web-app-title",
         content: meta.name,
       },
       // Windows phone tile icon
       {
-        name: 'msapplication-TileImage',
+        name: "msapplication-TileImage",
         content: `${routerBase.router.base}icons/icon-144x144.png`,
       },
       {
-        name: 'msapplication-TileColor',
-        content: '#202124',
+        name: "msapplication-TileColor",
+        content: "#202124",
       },
       {
-        name: 'msapplication-tap-highlight',
-        content: 'no',
+        name: "msapplication-tap-highlight",
+        content: "no",
       },
       // OpenGraph
       {
-        property: 'og:site_name',
+        property: "og:site_name",
         content: meta.name,
       },
       {
-        property: 'og:url',
-        content: 'https://postwoman.io',
+        property: "og:url",
+        content: "https://postwoman.io",
       },
       {
-        property: 'og:type',
-        content: 'website',
+        property: "og:type",
+        content: "website",
       },
       {
-        property: 'og:title',
+        property: "og:title",
         content: `${meta.name} \u2022 ${meta.shortDescription}`,
       },
       {
-        property: 'og:description',
+        property: "og:description",
         content: meta.description,
       },
       {
-        property: 'og:image',
+        property: "og:image",
         content: `https://postwoman.io/logo.jpg`,
       },
       // Twitter
       {
-        name: 'twitter:card',
-        content: 'summary_large_image',
+        name: "twitter:card",
+        content: "summary_large_image",
       },
       {
-        name: 'twitter:site',
-        content: '@liyasthomas',
+        name: "twitter:site",
+        content: "@liyasthomas",
       },
       {
-        name: 'twitter:creator',
-        content: '@liyasthomas',
+        name: "twitter:creator",
+        content: "@liyasthomas",
       },
       {
-        name: 'twitter:url',
-        content: 'https://postwoman.io',
+        name: "twitter:url",
+        content: "https://postwoman.io",
       },
       {
-        name: 'twitter:title',
+        name: "twitter:title",
         content: `${meta.name} \u2022 ${meta.shortDescription}`,
       },
       {
-        name: 'twitter:description',
+        name: "twitter:description",
         content: meta.description,
       },
       {
-        name: 'twitter:image',
-        content: 'https://postwoman.io/logo.jpg',
+        name: "twitter:image",
+        content: "https://postwoman.io/logo.jpg",
       },
     ],
     link: [
       {
-        rel: 'icon',
-        type: 'image/x-icon',
+        rel: "icon",
+        type: "image/x-icon",
         href: `${routerBase.router.base}favicon.ico`,
       },
       // Home-screen icons (iOS)
       {
-        rel: 'apple-touch-icon',
+        rel: "apple-touch-icon",
         href: `${routerBase.router.base}icons/icon-48x48.png`,
       },
       {
-        rel: 'apple-touch-icon',
-        sizes: '72x72',
+        rel: "apple-touch-icon",
+        sizes: "72x72",
         href: `${routerBase.router.base}icons/icon-72x72.png`,
       },
       {
-        rel: 'apple-touch-icon',
-        sizes: '96x96',
+        rel: "apple-touch-icon",
+        sizes: "96x96",
         href: `${routerBase.router.base}icons/icon-96x96.png`,
       },
       {
-        rel: 'apple-touch-icon',
-        sizes: '144x144',
+        rel: "apple-touch-icon",
+        sizes: "144x144",
         href: `${routerBase.router.base}icons/icon-144x144.png`,
       },
       {
-        rel: 'apple-touch-icon',
-        sizes: '192x192',
+        rel: "apple-touch-icon",
+        sizes: "192x192",
         href: `${routerBase.router.base}icons/icon-192x192.png`,
       },
     ],
@@ -198,29 +198,29 @@ export default {
    ** Customize the progress-bar color
    */
   loading: {
-    color: 'var(--ac-color)',
+    color: "var(--ac-color)",
   },
   /*
    ** Customize the loading indicator
    */
   loadingIndicator: {
-    name: 'pulse',
-    color: 'var(--ac-color)',
-    background: 'var(--bg-color)',
+    name: "pulse",
+    color: "var(--ac-color)",
+    background: "var(--bg-color)",
   },
   /*
    ** Global CSS
    */
-  css: ['~/assets/css/styles.scss', '~/assets/css/themes.scss', '~/assets/css/fonts.scss'],
+  css: ["~/assets/css/styles.scss", "~/assets/css/themes.scss", "~/assets/css/fonts.scss"],
   /*
    ** Plugins to load before mounting the App
    */
   plugins: [
     {
-      src: '~/plugins/vuex-persist',
+      src: "~/plugins/vuex-persist",
     },
     {
-      src: '~/plugins/v-tooltip',
+      src: "~/plugins/v-tooltip",
     },
   ],
   /*
@@ -232,35 +232,35 @@ export default {
    */
   modules: [
     // See https://goo.gl/OOhYW5
-    ['@nuxtjs/pwa'],
-    ['@nuxtjs/axios'],
-    ['@nuxtjs/toast'],
-    ['@nuxtjs/google-analytics'],
-    ['@nuxtjs/sitemap'],
+    ["@nuxtjs/pwa"],
+    ["@nuxtjs/axios"],
+    ["@nuxtjs/toast"],
+    ["@nuxtjs/google-analytics"],
+    ["@nuxtjs/sitemap"],
     [
-      '@nuxtjs/google-tag-manager',
+      "@nuxtjs/google-tag-manager",
       {
-        id: process.env.GTM_ID || 'GTM-MXWD8NQ',
+        id: process.env.GTM_ID || "GTM-MXWD8NQ",
       },
     ],
-    ['@nuxtjs/robots'],
-    ['nuxt-i18n'],
+    ["@nuxtjs/robots"],
+    ["nuxt-i18n"],
   ],
   pwa: {
     manifest: {
       name: meta.name,
       short_name: meta.name,
 
-      display: 'standalone',
+      display: "standalone",
 
-      theme_color: '#202124',
-      background_color: '#202124',
+      theme_color: "#202124",
+      background_color: "#202124",
       start_url: `${routerBase.router.base}`,
     },
 
     meta: {
       description: meta.shortDescription,
-      theme_color: '#202124',
+      theme_color: "#202124",
     },
 
     icons: (sizes => {
@@ -268,7 +268,7 @@ export default {
       for (let size of sizes) {
         icons.push({
           src: `${routerBase.router.base}icons/icon-${size}x${size}.png`,
-          type: 'image/png',
+          type: "image/png",
           sizes: `${size}x${size}`,
         })
       }
@@ -276,92 +276,92 @@ export default {
     })([48, 72, 96, 144, 192, 512]),
   },
   toast: {
-    position: 'bottom-center',
+    position: "bottom-center",
     duration: 3000,
-    theme: 'bubble',
+    theme: "bubble",
     keepOnHover: true,
   },
   googleAnalytics: {
-    id: process.env.GA_ID || 'UA-61422507-2',
+    id: process.env.GA_ID || "UA-61422507-2",
   },
   sitemap: {
-    hostname: 'https://postwoman.io',
+    hostname: "https://postwoman.io",
   },
   robots: {
-    UserAgent: '*',
-    Disallow: '',
-    Allow: '/',
-    Sitemap: 'https://postwoman.io/sitemap.xml',
+    UserAgent: "*",
+    Disallow: "",
+    Allow: "/",
+    Sitemap: "https://postwoman.io/sitemap.xml",
   },
   i18n: {
     locales: [
       {
-        code: 'en',
-        name: 'English',
-        iso: 'en-US',
-        file: 'en-US.js',
+        code: "en",
+        name: "English",
+        iso: "en-US",
+        file: "en-US.js",
       },
       {
-        code: 'es',
-        name: 'Español',
-        iso: 'es-ES',
-        file: 'es-ES.js',
+        code: "es",
+        name: "Español",
+        iso: "es-ES",
+        file: "es-ES.js",
       },
       {
-        code: 'fr',
-        name: 'Français',
-        iso: 'fr-FR',
-        file: 'fr-FR.js',
+        code: "fr",
+        name: "Français",
+        iso: "fr-FR",
+        file: "fr-FR.js",
       },
       {
-        code: 'fa',
-        name: 'Farsi',
-        iso: 'fa-IR',
-        file: 'fa-IR.js',
+        code: "fa",
+        name: "Farsi",
+        iso: "fa-IR",
+        file: "fa-IR.js",
       },
       {
-        code: 'pt',
-        name: 'Português Brasileiro',
-        iso: 'pt-BR',
-        file: 'pt-BR.js',
+        code: "pt",
+        name: "Português Brasileiro",
+        iso: "pt-BR",
+        file: "pt-BR.js",
       },
       {
-        code: 'cn',
-        name: '简体中文',
-        iso: 'zh-CN',
-        file: 'zh-CN.js',
+        code: "cn",
+        name: "简体中文",
+        iso: "zh-CN",
+        file: "zh-CN.js",
       },
       {
-        code: 'id',
-        name: 'Bahasa Indonesia',
-        iso: 'id-ID',
-        file: 'id-ID.js',
+        code: "id",
+        name: "Bahasa Indonesia",
+        iso: "id-ID",
+        file: "id-ID.js",
       },
       {
-        code: 'tr',
-        name: 'Türkçe',
-        iso: 'tr-TR',
-        file: 'tr-TR.js',
+        code: "tr",
+        name: "Türkçe",
+        iso: "tr-TR",
+        file: "tr-TR.js",
       },
       {
-        code: 'de',
-        name: 'Deutsch',
-        iso: 'de-DE',
-        file: 'de-DE.js',
+        code: "de",
+        name: "Deutsch",
+        iso: "de-DE",
+        file: "de-DE.js",
       },
       {
-        code: 'ja',
-        name: '日本語',
-        iso: 'ja-JP',
-        file: 'ja-JP.js',
+        code: "ja",
+        name: "日本語",
+        iso: "ja-JP",
+        file: "ja-JP.js",
       },
     ],
-    defaultLocale: 'en',
+    defaultLocale: "en",
     vueI18n: {
-      fallbackLocale: 'en',
+      fallbackLocale: "en",
     },
     lazy: true,
-    langDir: 'lang/',
+    langDir: "lang/",
   },
   /*
    ** Build configuration
diff --git a/pages/doc.vue b/pages/doc.vue
index 429d52a8d..ac6f0d499 100644
--- a/pages/doc.vue
+++ b/pages/doc.vue
@@ -4,7 +4,7 @@
       <ul>
         <li>
           <p class="info">
-            {{ $t('generate_docs_message') }}
+            {{ $t("generate_docs_message") }}
           </p>
         </li>
       </ul>
@@ -13,7 +13,7 @@
           <label for="collectionUpload">
             <button class="icon" @click="$refs.collectionUpload.click()" v-tooltip="$t('json')">
               <i class="material-icons">folder</i>
-              <span>{{ $t('import_collections') }}</span>
+              <span>{{ $t("import_collections") }}</span>
             </button>
           </label>
           <input
@@ -44,7 +44,7 @@
         <li>
           <button class="icon" @click="getDoc">
             <i class="material-icons">book</i>
-            <span>{{ $t('generate_docs') }}</span>
+            <span>{{ $t("generate_docs") }}</span>
           </button>
         </li>
       </ul>
@@ -52,108 +52,108 @@
 
     <pw-section class="green" label="Documentation" ref="documentation">
       <p v-if="this.items.length === 0" class="info">
-        {{ $t('generate_docs_first') }}
+        {{ $t("generate_docs_first") }}
       </p>
       <div>
         <span class="collection" v-for="(collection, index) in this.items" :key="index">
           <h2>
             <i class="material-icons">folder</i>
-            {{ collection.name || $t('none') }}
+            {{ collection.name || $t("none") }}
           </h2>
           <span class="folder" v-for="(folder, index) in collection.folders" :key="index">
             <h3>
               <i class="material-icons">folder_open</i>
-              {{ folder.name || $t('none') }}
+              {{ folder.name || $t("none") }}
             </h3>
             <span class="request" v-for="(request, index) in folder.requests" :key="index">
               <h4>
                 <i class="material-icons">insert_drive_file</i>
-                {{ request.name || $t('none') }}
+                {{ request.name || $t("none") }}
               </h4>
               <p class="doc-desc" v-if="request.url">
                 <span>
-                  {{ $t('url') }}: <code>{{ request.url || $t('none') }}</code>
+                  {{ $t("url") }}: <code>{{ request.url || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.path">
                 <span>
-                  {{ $t('path') }}:
-                  <code>{{ request.path || $t('none') }}</code>
+                  {{ $t("path") }}:
+                  <code>{{ request.path || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.method">
                 <span>
-                  {{ $t('method') }}:
-                  <code>{{ request.method || $t('none') }}</code>
+                  {{ $t("method") }}:
+                  <code>{{ request.method || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.auth">
                 <span>
-                  {{ $t('authentication') }}:
-                  <code>{{ request.auth || $t('none') }}</code>
+                  {{ $t("authentication") }}:
+                  <code>{{ request.auth || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.httpUser">
                 <span>
-                  {{ $t('username') }}:
-                  <code>{{ request.httpUser || $t('none') }}</code>
+                  {{ $t("username") }}:
+                  <code>{{ request.httpUser || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.httpPassword">
                 <span>
-                  {{ $t('password') }}:
-                  <code>{{ request.httpPassword || $t('none') }}</code>
+                  {{ $t("password") }}:
+                  <code>{{ request.httpPassword || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.bearerToken">
                 <span>
-                  {{ $t('token') }}:
-                  <code>{{ request.bearerToken || $t('none') }}</code>
+                  {{ $t("token") }}:
+                  <code>{{ request.bearerToken || $t("none") }}</code>
                 </span>
               </p>
-              <h4 v-if="request.headers.length > 0">{{ $t('headers') }}</h4>
+              <h4 v-if="request.headers.length > 0">{{ $t("headers") }}</h4>
               <span v-if="request.headers">
                 <p v-for="header in request.headers" :key="header.key" class="doc-desc">
                   <span>
-                    {{ header.key || $t('none') }}:
-                    <code>{{ header.value || $t('none') }}</code>
+                    {{ header.key || $t("none") }}:
+                    <code>{{ header.value || $t("none") }}</code>
                   </span>
                 </p>
               </span>
-              <h4 v-if="request.params.length > 0">{{ $t('parameters') }}</h4>
+              <h4 v-if="request.params.length > 0">{{ $t("parameters") }}</h4>
               <span v-if="request.params">
                 <p v-for="parameter in request.params" :key="parameter.key" class="doc-desc">
                   <span>
-                    {{ parameter.key || $t('none') }}:
-                    <code>{{ parameter.value || $t('none') }}</code>
+                    {{ parameter.key || $t("none") }}:
+                    <code>{{ parameter.value || $t("none") }}</code>
                   </span>
                 </p>
               </span>
-              <h4 v-if="request.bodyParam">{{ $t('payload') }}</h4>
+              <h4 v-if="request.bodyParam">{{ $t("payload") }}</h4>
               <span v-if="request.bodyParam">
                 <p v-for="payload in request.bodyParam" :key="payload.key" class="doc-desc">
                   <span>
-                    {{ payload.key || $t('none') }}:
-                    <code>{{ payload.value || $t('none') }}</code>
+                    {{ payload.key || $t("none") }}:
+                    <code>{{ payload.value || $t("none") }}</code>
                   </span>
                 </p>
               </span>
               <p class="doc-desc" v-if="request.rawParams">
                 <span>
-                  {{ $t('parameters') }}:
-                  <code>{{ request.rawParams || $t('none') }}</code>
+                  {{ $t("parameters") }}:
+                  <code>{{ request.rawParams || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.contentType">
                 <span>
-                  {{ $t('content_type') }}:
-                  <code>{{ request.contentType || $t('none') }}</code>
+                  {{ $t("content_type") }}:
+                  <code>{{ request.contentType || $t("none") }}</code>
                 </span>
               </p>
               <p class="doc-desc" v-if="request.requestType">
                 <span>
-                  {{ $t('request_type') }}:
-                  <code>{{ request.requestType || $t('none') }}</code>
+                  {{ $t("request_type") }}:
+                  <code>{{ request.requestType || $t("none") }}</code>
                 </span>
               </p>
             </span>
@@ -165,91 +165,91 @@
           >
             <h4>
               <i class="material-icons">insert_drive_file</i>
-              {{ request.name || $t('none') }}
+              {{ request.name || $t("none") }}
             </h4>
             <p class="doc-desc" v-if="request.url">
               <span>
-                {{ $t('url') }}: <code>{{ request.url || $t('none') }}</code>
+                {{ $t("url") }}: <code>{{ request.url || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.path">
               <span>
-                {{ $t('path') }}: <code>{{ request.path || $t('none') }}</code>
+                {{ $t("path") }}: <code>{{ request.path || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.method">
               <span>
-                {{ $t('method') }}:
-                <code>{{ request.method || $t('none') }}</code>
+                {{ $t("method") }}:
+                <code>{{ request.method || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.auth">
               <span>
-                {{ $t('authentication') }}:
-                <code>{{ request.auth || $t('none') }}</code>
+                {{ $t("authentication") }}:
+                <code>{{ request.auth || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.httpUser">
               <span>
-                {{ $t('username') }}:
-                <code>{{ request.httpUser || $t('none') }}</code>
+                {{ $t("username") }}:
+                <code>{{ request.httpUser || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.httpPassword">
               <span>
-                {{ $t('password') }}:
-                <code>{{ request.httpPassword || $t('none') }}</code>
+                {{ $t("password") }}:
+                <code>{{ request.httpPassword || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.bearerToken">
               <span>
-                {{ $t('token') }}:
-                <code>{{ request.bearerToken || $t('none') }}</code>
+                {{ $t("token") }}:
+                <code>{{ request.bearerToken || $t("none") }}</code>
               </span>
             </p>
-            <h4 v-if="request.headers.length > 0">{{ $t('headers') }}</h4>
+            <h4 v-if="request.headers.length > 0">{{ $t("headers") }}</h4>
             <span v-if="request.headers">
               <p v-for="header in request.headers" :key="header.key" class="doc-desc">
                 <span>
-                  {{ header.key || $t('none') }}:
-                  <code>{{ header.value || $t('none') }}</code>
+                  {{ header.key || $t("none") }}:
+                  <code>{{ header.value || $t("none") }}</code>
                 </span>
               </p>
             </span>
-            <h4 v-if="request.params.length > 0">{{ $t('parameters') }}</h4>
+            <h4 v-if="request.params.length > 0">{{ $t("parameters") }}</h4>
             <span v-if="request.params">
               <p v-for="parameter in request.params" :key="parameter.key" class="doc-desc">
                 <span>
-                  {{ parameter.key || $t('none') }}:
-                  <code>{{ parameter.value || $t('none') }}</code>
+                  {{ parameter.key || $t("none") }}:
+                  <code>{{ parameter.value || $t("none") }}</code>
                 </span>
               </p>
             </span>
-            <h4 v-if="request.bodyParam">{{ $t('payload') }}</h4>
+            <h4 v-if="request.bodyParam">{{ $t("payload") }}</h4>
             <span v-if="request.bodyParam">
               <p v-for="payload in request.bodyParam" :key="payload.key" class="doc-desc">
                 <span>
-                  {{ payload.key || $t('none') }}:
-                  <code>{{ payload.value || $t('none') }}</code>
+                  {{ payload.key || $t("none") }}:
+                  <code>{{ payload.value || $t("none") }}</code>
                 </span>
               </p>
             </span>
             <p class="doc-desc" v-if="request.rawParams">
               <span>
-                {{ $t('parameters') }}:
-                <code>{{ request.rawParams || $t('none') }}</code>
+                {{ $t("parameters") }}:
+                <code>{{ request.rawParams || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.contentType">
               <span>
-                {{ $t('content_type') }}:
-                <code>{{ request.contentType || $t('none') }}</code>
+                {{ $t("content_type") }}:
+                <code>{{ request.contentType || $t("none") }}</code>
               </span>
             </p>
             <p class="doc-desc" v-if="request.requestType">
               <span>
-                {{ $t('request_type') }}:
-                <code>{{ request.requestType || $t('none') }}</code>
+                {{ $t("request_type") }}:
+                <code>{{ request.requestType || $t("none") }}</code>
               </span>
             </p>
           </span>
@@ -302,17 +302,17 @@
 </style>
 
 <script>
-import AceEditor from '../components/ace-editor'
+import AceEditor from "../components/ace-editor"
 
 export default {
   components: {
-    'pw-section': () => import('../components/section'),
+    "pw-section": () => import("../components/section"),
     Editor: AceEditor,
   },
 
   data() {
     return {
-      collectionJSON: '[]',
+      collectionJSON: "[]",
       items: [],
     }
   },
@@ -327,12 +327,12 @@ export default {
           this.collectionJSON = target.result
         }
         reader.readAsText(file)
-        this.$toast.info(this.$t('file_imported'), {
-          icon: 'attach_file',
+        this.$toast.info(this.$t("file_imported"), {
+          icon: "attach_file",
         })
       } else {
-        this.$toast.error(this.$t('choose_file'), {
-          icon: 'attach_file',
+        this.$toast.error(this.$t("choose_file"), {
+          icon: "attach_file",
         })
       }
     },
@@ -340,12 +340,12 @@ export default {
     getDoc() {
       try {
         this.items = JSON.parse(this.collectionJSON)
-        this.$toast.info(this.$t('docs_generated'), {
-          icon: 'book',
+        this.$toast.info(this.$t("docs_generated"), {
+          icon: "book",
         })
       } catch (e) {
         this.$toast.error(e, {
-          icon: 'code',
+          icon: "code",
         })
       }
     },
diff --git a/pages/graphql.vue b/pages/graphql.vue
index 84ee2c1b4..ddf6353f5 100644
--- a/pages/graphql.vue
+++ b/pages/graphql.vue
@@ -5,14 +5,14 @@
         <pw-section class="blue" :label="$t('endpoint')" ref="endpoint">
           <ul>
             <li>
-              <label for="url">{{ $t('url') }}</label>
+              <label for="url">{{ $t("url") }}</label>
               <input id="url" type="url" v-model="url" @keyup.enter="getSchema()" />
             </li>
             <div>
               <li>
                 <label for="get" class="hide-on-small-screen">&nbsp;</label>
                 <button id="get" name="get" @click="getSchema">
-                  {{ $t('get_schema') }}
+                  {{ $t("get_schema") }}
                   <span><i class="material-icons">send</i></span>
                 </button>
               </li>
@@ -24,7 +24,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <label for="headerList">{{ $t('header_list') }}</label>
+                <label for="headerList">{{ $t("header_list") }}</label>
                 <div>
                   <button class="icon" @click="headers = []" v-tooltip.bottom="$t('clear')">
                     <i class="material-icons">clear_all</i>
@@ -88,7 +88,7 @@
             <li>
               <button class="icon" @click="addRequestHeader">
                 <i class="material-icons">add</i>
-                <span>{{ $t('add_new') }}</span>
+                <span>{{ $t("add_new") }}</span>
               </button>
             </li>
           </ul>
@@ -96,7 +96,7 @@
 
         <pw-section class="green" :label="$t('schema')" ref="schema">
           <div class="flex-wrap">
-            <label>{{ $t('response') }}</label>
+            <label>{{ $t("response") }}</label>
             <div>
               <button
                 class="icon"
@@ -107,7 +107,7 @@
                 }"
               >
                 <i class="material-icons">
-                  {{ !expandResponse ? 'unfold_more' : 'unfold_less' }}
+                  {{ !expandResponse ? "unfold_more" : "unfold_less" }}
                 </i>
               </button>
               <button
@@ -145,7 +145,7 @@
 
         <pw-section class="cyan" :label="$t('query')" ref="query">
           <div class="flex-wrap">
-            <label for="gqlQuery">{{ $t('query') }}</label>
+            <label for="gqlQuery">{{ $t("query") }}</label>
             <div>
               <button class="icon" @click="runQuery()" v-tooltip.bottom="$t('run_query')">
                 <i class="material-icons">play_arrow</i>
@@ -191,7 +191,7 @@
 
         <pw-section class="purple" label="Response" ref="response">
           <div class="flex-wrap">
-            <label for="responseField">{{ $t('response') }}</label>
+            <label for="responseField">{{ $t("response") }}</label>
             <div>
               <button
                 class="icon"
@@ -229,7 +229,7 @@
               checked="checked"
             />
             <label v-if="queryFields.length > 0" for="queries-tab">
-              {{ $t('queries') }}
+              {{ $t("queries") }}
             </label>
             <div v-if="queryFields.length > 0" class="tab">
               <div v-for="field in queryFields" :key="field.name">
@@ -245,7 +245,7 @@
               checked="checked"
             />
             <label v-if="mutationFields.length > 0" for="mutations-tab">
-              {{ $t('mutations') }}
+              {{ $t("mutations") }}
             </label>
             <div v-if="mutationFields.length > 0" class="tab">
               <div v-for="field in mutationFields" :key="field.name">
@@ -261,7 +261,7 @@
               checked="checked"
             />
             <label v-if="subscriptionFields.length > 0" for="subscriptions-tab">
-              {{ $t('subscriptions') }}
+              {{ $t("subscriptions") }}
             </label>
             <div v-if="subscriptionFields.length > 0" class="tab">
               <div v-for="field in subscriptionFields" :key="field.name">
@@ -277,7 +277,7 @@
               checked="checked"
             />
             <label v-if="gqlTypes.length > 0" for="gqltypes-tab">
-              {{ $t('types') }}
+              {{ $t("types") }}
             </label>
             <div v-if="gqlTypes.length > 0" class="tab">
               <div v-for="type in gqlTypes" :key="type.name" :id="`type_${type.name}`">
@@ -295,7 +295,7 @@
             "
             class="info"
           >
-            {{ $t('send_request_first') }}
+            {{ $t("send_request_first") }}
           </p>
         </pw-section>
       </aside>
@@ -311,35 +311,35 @@
 </style>
 
 <script>
-import axios from 'axios'
-import * as gql from 'graphql'
-import textareaAutoHeight from '../directives/textareaAutoHeight'
-import { commonHeaders } from '../functions/headers'
-import AceEditor from '../components/ace-editor'
-import QueryEditor from '../components/graphql/queryeditor'
-import { sendNetworkRequest } from '../functions/network'
+import axios from "axios"
+import * as gql from "graphql"
+import textareaAutoHeight from "../directives/textareaAutoHeight"
+import { commonHeaders } from "../functions/headers"
+import AceEditor from "../components/ace-editor"
+import QueryEditor from "../components/graphql/queryeditor"
+import { sendNetworkRequest } from "../functions/network"
 
 export default {
   directives: {
     textareaAutoHeight,
   },
   components: {
-    'pw-section': () => import('../components/section'),
-    'gql-field': () => import('../components/graphql/field'),
-    'gql-type': () => import('../components/graphql/type'),
-    autocomplete: () => import('../components/autocomplete'),
+    "pw-section": () => import("../components/section"),
+    "gql-field": () => import("../components/graphql/field"),
+    "gql-type": () => import("../components/graphql/type"),
+    autocomplete: () => import("../components/autocomplete"),
     Editor: AceEditor,
     QueryEditor: QueryEditor,
   },
   data() {
     return {
-      schemaString: '',
+      schemaString: "",
       commonHeaders,
       queryFields: [],
       mutationFields: [],
       subscriptionFields: [],
       gqlTypes: [],
-      responseString: '',
+      responseString: "",
       copyButton: '<i class="material-icons">file_copy</i>',
       downloadButton: '<i class="material-icons">get_app</i>',
       doneButton: '<i class="material-icons">done</i>',
@@ -354,7 +354,7 @@ export default {
         return this.$store.state.gql.url
       },
       set(value) {
-        this.$store.commit('setGQLState', { value, attribute: 'url' })
+        this.$store.commit("setGQLState", { value, attribute: "url" })
       },
     },
     headers: {
@@ -362,7 +362,7 @@ export default {
         return this.$store.state.gql.headers
       },
       set(value) {
-        this.$store.commit('setGQLState', { value, attribute: 'headers' })
+        this.$store.commit("setGQLState", { value, attribute: "headers" })
       },
     },
     gqlQueryString: {
@@ -370,7 +370,7 @@ export default {
         return this.$store.state.gql.query
       },
       set(value) {
-        this.$store.commit('setGQLState', { value, attribute: 'query' })
+        this.$store.commit("setGQLState", { value, attribute: "query" })
       },
     },
     variableString: {
@@ -378,9 +378,9 @@ export default {
         return this.$store.state.gql.variablesJSONString
       },
       set(value) {
-        this.$store.commit('setGQLState', {
+        this.$store.commit("setGQLState", {
           value,
-          attribute: 'variablesJSONString',
+          attribute: "variablesJSONString",
         })
       },
     },
@@ -388,13 +388,13 @@ export default {
       const result = this.headers
         .filter(({ key }) => !!key)
         .map(({ key, value }) => `${key}: ${value}`)
-        .join(',\n')
-      return result === '' ? '' : `${result}`
+        .join(",\n")
+      return result === "" ? "" : `${result}`
     },
   },
   methods: {
     handleJumpToType(type) {
-      const typesTab = document.getElementById('gqltypes-tab')
+      const typesTab = document.getElementById("gqltypes-tab")
       typesTab.checked = true
 
       const rootTypeName = this.resolveRootType(type).name
@@ -402,7 +402,7 @@ export default {
       const target = document.getElementById(`type_${rootTypeName}`)
       if (target && this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED) {
         target.scrollIntoView({
-          behavior: 'smooth',
+          behavior: "smooth",
         })
       }
     },
@@ -413,40 +413,40 @@ export default {
     },
     copySchema() {
       this.$refs.copySchemaCode.innerHTML = this.doneButton
-      const aux = document.createElement('textarea')
+      const aux = document.createElement("textarea")
       aux.innerText = this.schemaString
       document.body.appendChild(aux)
       aux.select()
-      document.execCommand('copy')
+      document.execCommand("copy")
       document.body.removeChild(aux)
-      this.$toast.success(this.$t('copied_to_clipboard'), {
-        icon: 'done',
+      this.$toast.success(this.$t("copied_to_clipboard"), {
+        icon: "done",
       })
       setTimeout(() => (this.$refs.copySchemaCode.innerHTML = this.copyButton), 1000)
     },
     copyQuery() {
       this.$refs.copyQueryButton.innerHTML = this.doneButton
-      const aux = document.createElement('textarea')
+      const aux = document.createElement("textarea")
       aux.innerText = this.gqlQueryString
       document.body.appendChild(aux)
       aux.select()
-      document.execCommand('copy')
+      document.execCommand("copy")
       document.body.removeChild(aux)
-      this.$toast.success(this.$t('copied_to_clipboard'), {
-        icon: 'done',
+      this.$toast.success(this.$t("copied_to_clipboard"), {
+        icon: "done",
       })
       setTimeout(() => (this.$refs.copyQueryButton.innerHTML = this.copyButton), 1000)
     },
     copyResponse() {
       this.$refs.copyResponseButton.innerHTML = this.doneButton
-      const aux = document.createElement('textarea')
+      const aux = document.createElement("textarea")
       aux.innerText = this.responseString
       document.body.appendChild(aux)
       aux.select()
-      document.execCommand('copy')
+      document.execCommand("copy")
       document.body.removeChild(aux)
-      this.$toast.success(this.$t('copied_to_clipboard'), {
-        icon: 'done',
+      this.$toast.success(this.$t("copied_to_clipboard"), {
+        icon: "done",
       })
       setTimeout(() => (this.$refs.copyResponseButton.innerHTML = this.copyButton), 1000)
     },
@@ -454,7 +454,7 @@ export default {
       const startTime = Date.now()
 
       this.$nuxt.$loading.start()
-      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto('response')
+      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto("response")
 
       try {
         let headers = {}
@@ -467,11 +467,11 @@ export default {
         const gqlQueryString = this.gqlQueryString
 
         const reqOptions = {
-          method: 'post',
+          method: "post",
           url: this.url,
           headers: {
             ...headers,
-            'content-type': 'application/json',
+            "content-type": "application/json",
           },
           data: JSON.stringify({ query: gqlQueryString, variables }),
         }
@@ -482,22 +482,22 @@ export default {
 
         this.$nuxt.$loading.finish()
         const duration = Date.now() - startTime
-        this.$toast.info(this.$t('finished_in', { duration }), {
-          icon: 'done',
+        this.$toast.info(this.$t("finished_in", { duration }), {
+          icon: "done",
         })
       } catch (error) {
         this.$nuxt.$loading.finish()
 
-        this.$toast.error(`${error} ${this.$t('f12_details')}`, {
-          icon: 'error',
+        this.$toast.error(`${error} ${this.$t("f12_details")}`, {
+          icon: "error",
         })
-        console.log('Error', error)
+        console.log("Error", error)
       }
     },
     async getSchema() {
       const startTime = Date.now()
-      this.schemaString = this.$t('loading')
-      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto('schema')
+      this.schemaString = this.$t("loading")
+      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto("schema")
 
       // Start showing the loading bar as soon as possible.
       // The nuxt axios module will hide it when the request is made.
@@ -514,11 +514,11 @@ export default {
         })
 
         const reqOptions = {
-          method: 'post',
+          method: "post",
           url: this.url,
           headers: {
             ...headers,
-            'content-type': 'application/json',
+            "content-type": "application/json",
           },
           data: query,
         }
@@ -527,7 +527,7 @@ export default {
 
         const reqConfig = this.$store.state.postwoman.settings.PROXY_ENABLED
           ? {
-              method: 'post',
+              method: "post",
               url:
                 this.$store.state.postwoman.settings.PROXY_URL || `https://postwoman.apollotv.xyz/`,
               data: reqOptions,
@@ -573,15 +573,15 @@ export default {
         const typeMap = schema.getTypeMap()
         const types = []
 
-        const queryTypeName = schema.getQueryType() ? schema.getQueryType().name : ''
-        const mutationTypeName = schema.getMutationType() ? schema.getMutationType().name : ''
+        const queryTypeName = schema.getQueryType() ? schema.getQueryType().name : ""
+        const mutationTypeName = schema.getMutationType() ? schema.getMutationType().name : ""
         const subscriptionTypeName = schema.getSubscriptionType()
           ? schema.getSubscriptionType().name
-          : ''
+          : ""
 
         for (const type in typeMap) {
           if (
-            !typeMap[type].name.startsWith('__') &&
+            !typeMap[type].name.startsWith("__") &&
             ![queryTypeName, mutationTypeName, subscriptionTypeName].includes(typeMap[type].name) &&
             typeMap[type] instanceof gql.GraphQLObjectType
           ) {
@@ -592,16 +592,16 @@ export default {
         this.$refs.queryEditor.setValidationSchema(schema)
         this.$nuxt.$loading.finish()
         const duration = Date.now() - startTime
-        this.$toast.info(this.$t('finished_in', { duration }), {
-          icon: 'done',
+        this.$toast.info(this.$t("finished_in", { duration }), {
+          icon: "done",
         })
       } catch (error) {
         this.$nuxt.$loading.finish()
-        this.schemaString = `${error}. ${this.$t('check_console_details')}`
-        this.$toast.error(`${error} ${this.$t('f12_details')}`, {
-          icon: 'error',
+        this.schemaString = `${error}. ${this.$t("check_console_details")}`
+        this.$toast.error(`${error} ${this.$t("f12_details")}`, {
+          icon: "error",
         })
-        console.log('Error', error)
+        console.log("Error", error)
       }
     },
     ToggleExpandResponse() {
@@ -610,16 +610,16 @@ export default {
     },
     downloadResponse() {
       const dataToWrite = JSON.stringify(this.schemaString, null, 2)
-      const file = new Blob([dataToWrite], { type: 'application/json' })
-      const a = document.createElement('a')
+      const file = new Blob([dataToWrite], { type: "application/json" })
+      const a = document.createElement("a")
       const url = URL.createObjectURL(file)
       a.href = url
-      a.download = `${this.url} on ${Date()}.graphql`.replace(/\./g, '[dot]')
+      a.download = `${this.url} on ${Date()}.graphql`.replace(/\./g, "[dot]")
       document.body.appendChild(a)
       a.click()
       this.$refs.downloadResponse.innerHTML = this.doneButton
-      this.$toast.success(this.$t('download_started'), {
-        icon: 'done',
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done",
       })
       setTimeout(() => {
         document.body.removeChild(a)
@@ -628,9 +628,9 @@ export default {
       }, 1000)
     },
     addRequestHeader(index) {
-      this.$store.commit('addGQLHeader', {
-        key: '',
-        value: '',
+      this.$store.commit("addGQLHeader", {
+        key: "",
+        value: "",
       })
       return false
     },
@@ -638,11 +638,11 @@ export default {
       // .slice() is used so we get a separate array, rather than just a reference
       const oldHeaders = this.headers.slice()
 
-      this.$store.commit('removeGQLHeader', index)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("removeGQLHeader", index)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           duration: 4000,
           onClick: (e, toastObject) => {
             this.headers = oldHeaders
@@ -654,7 +654,7 @@ export default {
     },
     scrollInto(view) {
       this.$refs[view].$el.scrollIntoView({
-        behavior: 'smooth',
+        behavior: "smooth",
       })
     },
   },
diff --git a/pages/index.vue b/pages/index.vue
index c2c9bdb80..2448bfa9f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -6,7 +6,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <label for="generatedCode">{{ $t('javascript_code') }}</label>
+                <label for="generatedCode">{{ $t("javascript_code") }}</label>
                 <div>
                   <a
                     href="https://github.com/liyasthomas/postwoman/wiki/Pre-Request-Scripts"
@@ -38,7 +38,7 @@
         <pw-section class="blue" :label="$t('request')" ref="request">
           <ul>
             <li>
-              <label for="method">{{ $t('method') }}</label>
+              <label for="method">{{ $t("method") }}</label>
               <span class="select-wrapper">
                 <v-popover>
                   <input
@@ -175,7 +175,7 @@
               </span>
             </li>
             <li>
-              <label for="url">{{ $t('url') }}</label>
+              <label for="url">{{ $t("url") }}</label>
               <input
                 :class="{ error: !isValidURL }"
                 @keyup.enter="isValidURL ? sendRequest() : null"
@@ -186,7 +186,7 @@
               />
             </li>
             <li>
-              <label for="path">{{ $t('path') }}</label>
+              <label for="path">{{ $t("path") }}</label>
               <input
                 @keyup.enter="isValidURL ? sendRequest() : null"
                 id="path"
@@ -196,7 +196,7 @@
               />
             </li>
             <li>
-              <label for="label">{{ $t('label') }}</label>
+              <label for="label">{{ $t("label") }}</label>
               <input
                 id="label"
                 name="label"
@@ -208,7 +208,7 @@
             <li>
               <label class="hide-on-small-screen" for="send">&nbsp;</label>
               <button :disabled="!isValidURL" @click="sendRequest" id="send" ref="sendButton">
-                {{ $t('send') }}
+                {{ $t("send") }}
                 <span>
                   <i class="material-icons">send</i>
                 </span>
@@ -218,7 +218,7 @@
           <div class="blue" label="Request Body" v-if="['POST', 'PUT', 'PATCH'].includes(method)">
             <ul>
               <li>
-                <label for="contentType">{{ $t('content_type') }}</label>
+                <label for="contentType">{{ $t("content_type") }}</label>
                 <autocomplete :source="validContentTypes" :spellcheck="false" v-model="contentType"
                   >Content Type</autocomplete
                 >
@@ -229,7 +229,7 @@
                 <div class="flex-wrap">
                   <span>
                     <pw-toggle :on="rawInput" @change="rawInput = $event">
-                      {{ $t('raw_input') }}
+                      {{ $t("raw_input") }}
                     </pw-toggle>
                   </span>
                   <div>
@@ -245,10 +245,10 @@
                         <span>
                           {{
                             files.length === 0
-                              ? 'No files'
+                              ? "No files"
                               : files.length == 1
-                              ? '1 file'
-                              : files.length + ' files'
+                              ? "1 file"
+                              : files.length + " files"
                           }}
                         </span>
                       </button>
@@ -277,7 +277,7 @@
             <div v-if="!rawInput">
               <ul>
                 <li>
-                  <label for="reqParamList">{{ $t('parameter_list') }}</label>
+                  <label for="reqParamList">{{ $t("parameter_list") }}</label>
                   <textarea
                     id="reqParamList"
                     readonly
@@ -336,7 +336,7 @@
                 <li>
                   <button class="icon" @click="addRequestBodyParam" name="addrequest">
                     <i class="material-icons">add</i>
-                    <span>{{ $t('add_new') }}</span>
+                    <span>{{ $t("add_new") }}</span>
                   </button>
                 </li>
               </ul>
@@ -344,7 +344,7 @@
             <div v-else>
               <ul>
                 <li>
-                  <label for="rawBody">{{ $t('raw_request_body') }}</label>
+                  <label for="rawBody">{{ $t("raw_request_body") }}</label>
                   <Editor
                     v-model="rawParams"
                     :lang="rawInputEditorLang"
@@ -455,7 +455,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <label for="generatedCode">{{ $t('javascript_code') }}</label>
+                <label for="generatedCode">{{ $t("javascript_code") }}</label>
                 <div>
                   <a
                     href="https://github.com/liyasthomas/postwoman/wiki/Post-Requests-Tests"
@@ -516,13 +516,13 @@
         </pw-section>
         <section id="options">
           <input id="tab-one" type="radio" name="options" checked="checked" />
-          <label for="tab-one">{{ $t('authentication') }}</label>
+          <label for="tab-one">{{ $t("authentication") }}</label>
           <div class="tab">
             <pw-section class="cyan" :label="$t('authentication')" ref="authentication">
               <ul>
                 <li>
                   <div class="flex-wrap">
-                    <label for="auth">{{ $t('authentication') }}</label>
+                    <label for="auth">{{ $t("authentication") }}</label>
                     <div>
                       <button
                         class="icon"
@@ -596,7 +596,7 @@
               </ul>
               <div class="flex-wrap">
                 <pw-toggle :on="!urlExcludes.auth" @change="setExclude('auth', !$event)">
-                  {{ $t('include_in_url') }}
+                  {{ $t("include_in_url") }}
                 </pw-toggle>
               </div>
             </pw-section>
@@ -609,7 +609,7 @@
               <ul>
                 <li>
                   <div class="flex-wrap">
-                    <label for="token-name">{{ $t('token_name') }}</label>
+                    <label for="token-name">{{ $t("token_name") }}</label>
                     <div>
                       <button
                         class="icon"
@@ -646,7 +646,7 @@
               <ul>
                 <li>
                   <label for="oidc-discovery-url">
-                    {{ $t('oidc_discovery_url') }}
+                    {{ $t("oidc_discovery_url") }}
                   </label>
                   <input
                     :disabled="this.authUrl !== '' || this.accessTokenUrl !== ''"
@@ -660,7 +660,7 @@
               </ul>
               <ul>
                 <li>
-                  <label for="auth-url">{{ $t('auth_url') }}</label>
+                  <label for="auth-url">{{ $t("auth_url") }}</label>
                   <input
                     :disabled="this.oidcDiscoveryUrl !== ''"
                     id="auth-url"
@@ -674,7 +674,7 @@
               <ul>
                 <li>
                   <label for="access-token-url">
-                    {{ $t('access_token_url') }}
+                    {{ $t("access_token_url") }}
                   </label>
                   <input
                     :disabled="this.oidcDiscoveryUrl !== ''"
@@ -688,7 +688,7 @@
               </ul>
               <ul>
                 <li>
-                  <label for="client-id">{{ $t('client_id') }}</label>
+                  <label for="client-id">{{ $t("client_id") }}</label>
                   <input
                     id="client-id"
                     name="client_id"
@@ -700,7 +700,7 @@
               </ul>
               <ul>
                 <li>
-                  <label for="scope">{{ $t('scope') }}</label>
+                  <label for="scope">{{ $t("scope") }}</label>
                   <input
                     id="scope"
                     name="scope"
@@ -714,20 +714,20 @@
                 <li>
                   <button class="icon" @click="handleAccessTokenRequest">
                     <i class="material-icons">vpn_key</i>
-                    <span>{{ $t('request_token') }}</span>
+                    <span>{{ $t("request_token") }}</span>
                   </button>
                 </li>
               </ul>
             </pw-section>
           </div>
           <input id="tab-two" type="radio" name="options" />
-          <label for="tab-two">{{ $t('headers') }}</label>
+          <label for="tab-two">{{ $t("headers") }}</label>
           <div class="tab">
             <pw-section class="orange" label="Headers" ref="headers">
               <ul>
                 <li>
                   <div class="flex-wrap">
-                    <label for="headerList">{{ $t('header_list') }}</label>
+                    <label for="headerList">{{ $t("header_list") }}</label>
                     <div>
                       <button
                         class="icon"
@@ -796,20 +796,20 @@
                 <li>
                   <button class="icon" @click="addRequestHeader">
                     <i class="material-icons">add</i>
-                    <span>{{ $t('add_new') }}</span>
+                    <span>{{ $t("add_new") }}</span>
                   </button>
                 </li>
               </ul>
             </pw-section>
           </div>
           <input id="tab-three" type="radio" name="options" />
-          <label for="tab-three">{{ $t('parameters') }}</label>
+          <label for="tab-three">{{ $t("parameters") }}</label>
           <div class="tab">
             <pw-section class="pink" label="Parameters" ref="parameters">
               <ul>
                 <li>
                   <div class="flex-wrap">
-                    <label for="paramList">{{ $t('parameter_list') }}</label>
+                    <label for="paramList">{{ $t("parameter_list") }}</label>
                     <div>
                       <button
                         class="icon"
@@ -875,7 +875,7 @@
                 <li>
                   <button class="icon" @click="addRequestParam">
                     <i class="material-icons">add</i>
-                    <span>{{ $t('add_new') }}</span>
+                    <span>{{ $t("add_new") }}</span>
                   </button>
                 </li>
               </ul>
@@ -900,7 +900,7 @@
         <pw-section class="purple" id="response" :label="$t('response')" ref="response">
           <ul>
             <li>
-              <label for="status">{{ $t('status') }}</label>
+              <label for="status">{{ $t("status") }}</label>
               <input
                 :class="statusCategory ? statusCategory.className : ''"
                 :value="response.status || $t('waiting_send_req')"
@@ -921,7 +921,7 @@
           <ul v-if="response.body">
             <li>
               <div class="flex-wrap">
-                <label for="body">{{ $t('response') }}</label>
+                <label for="body">{{ $t("response") }}</label>
                 <div>
                   <button
                     class="icon"
@@ -933,7 +933,7 @@
                     }"
                   >
                     <i class="material-icons">
-                      {{ !expandResponse ? 'unfold_more' : 'unfold_less' }}
+                      {{ !expandResponse ? "unfold_more" : "unfold_less" }}
                     </i>
                   </button>
                   <button
@@ -980,10 +980,10 @@
               <div class="align-right" v-if="response.body && responseType === 'text/html'">
                 <button class="icon" @click.prevent="togglePreview">
                   <i class="material-icons">
-                    {{ !previewEnabled ? 'visibility' : 'visibility_off' }}
+                    {{ !previewEnabled ? "visibility" : "visibility_off" }}
                   </i>
                   <span>
-                    {{ previewEnabled ? $t('hide_preview') : $t('preview_html') }}
+                    {{ previewEnabled ? $t("hide_preview") : $t("preview_html") }}
                   </span>
                 </button>
               </div>
@@ -994,22 +994,22 @@
       <aside v-if="activeSidebar" class="sticky-inner inner-right">
         <section>
           <input id="history-tab" type="radio" name="side" checked="checked" />
-          <label for="history-tab">{{ $t('history') }}</label>
+          <label for="history-tab">{{ $t("history") }}</label>
           <div class="tab">
             <history @useHistory="handleUseHistory" ref="historyComponent" />
           </div>
           <input id="collection-tab" type="radio" name="side" />
-          <label for="collection-tab">{{ $t('collections') }}</label>
+          <label for="collection-tab">{{ $t("collections") }}</label>
           <div class="tab">
             <collections />
           </div>
           <input id="environment-tab" type="radio" name="side" />
-          <label for="environment-tab">{{ $t('environment') }}</label>
+          <label for="environment-tab">{{ $t("environment") }}</label>
           <div class="tab">
             <environments @use-environment="useSelectedEnvironment($event)" />
           </div>
           <input id="sync-tab" type="radio" name="side" />
-          <label for="sync-tab">{{ $t('notes') }}</label>
+          <label for="sync-tab">{{ $t("notes") }}</label>
           <div class="tab">
             <pw-section class="pink" :label="$t('notes')" ref="sync">
               <div v-if="fb.currentUser">
@@ -1019,7 +1019,7 @@
               <div v-else>
                 <ul>
                   <li>
-                    <label>{{ $t('login_first') }}</label>
+                    <label>{{ $t("login_first") }}</label>
                   </li>
                 </ul>
               </div>
@@ -1039,7 +1039,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <h3 class="title">{{ $t('import_curl') }}</h3>
+                <h3 class="title">{{ $t("import_curl") }}</h3>
                 <div>
                   <button class="icon" @click="showModal = false">
                     <i class="material-icons">close</i>
@@ -1066,10 +1066,10 @@
             <span></span>
             <span>
               <button class="icon" @click="showModal = false">
-                {{ $t('cancel') }}
+                {{ $t("cancel") }}
               </button>
               <button class="icon primary" @click="handleImport">
-                {{ $t('import') }}
+                {{ $t("import") }}
               </button>
             </span>
           </div>
@@ -1081,7 +1081,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <h3 class="title">{{ $t('generate_code') }}</h3>
+                <h3 class="title">{{ $t("generate_code") }}</h3>
                 <div>
                   <button class="icon" @click="isHidden = true">
                     <i class="material-icons">close</i>
@@ -1094,7 +1094,7 @@
         <div slot="body">
           <ul>
             <li>
-              <label for="requestType">{{ $t('request_type') }}</label>
+              <label for="requestType">{{ $t("request_type") }}</label>
               <span class="select-wrapper">
                 <select id="requestType" v-model="requestType">
                   <option>JavaScript XHR</option>
@@ -1107,7 +1107,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <label for="generatedCode">{{ $t('generated_code') }}</label>
+                <label for="generatedCode">{{ $t("generated_code") }}</label>
                 <div>
                   <button
                     class="icon"
@@ -1138,7 +1138,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <h3 class="title">{{ $t('manage_token') }}</h3>
+                <h3 class="title">{{ $t("manage_token") }}</h3>
                 <div>
                   <button class="icon" @click="showTokenList = false">
                     <i class="material-icons">close</i>
@@ -1152,7 +1152,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <label for="token-list">{{ $t('token_list') }}</label>
+                <label for="token-list">{{ $t("token_list") }}</label>
                 <div v-if="tokens.length != 0">
                   <button
                     class="icon"
@@ -1203,7 +1203,7 @@
             </div>
           </ul>
           <p v-if="tokens.length === 0" class="info">
-            {{ $t('empty') }}
+            {{ $t("empty") }}
           </p>
         </div>
         <div slot="footer"></div>
@@ -1214,7 +1214,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <h3 class="title">{{ $t('manage_token_req') }}</h3>
+                <h3 class="title">{{ $t("manage_token_req") }}</h3>
                 <div>
                   <button class="icon" @click="showTokenRequestList = false">
                     <i class="material-icons">close</i>
@@ -1228,7 +1228,7 @@
           <ul>
             <li>
               <div class="flex-wrap">
-                <label for="token-req-list">{{ $t('token_req_list') }}</label>
+                <label for="token-req-list">{{ $t("token_req_list") }}</label>
                 <div>
                   <button
                     :disabled="this.tokenReqs.length === 0"
@@ -1264,14 +1264,14 @@
           </ul>
           <ul>
             <li>
-              <label for="token-req-name">{{ $t('token_req_name') }}</label>
+              <label for="token-req-name">{{ $t("token_req_name") }}</label>
               <input v-model="tokenReqName" />
             </li>
           </ul>
           <ul>
             <li>
               <label for="token-req-details">
-                {{ $t('token_req_details') }}
+                {{ $t("token_req_details") }}
               </label>
               <textarea
                 id="token-req-details"
@@ -1287,7 +1287,7 @@
             <span></span>
             <span>
               <button class="icon primary" @click="addOAuthTokenReq">
-                {{ $t('save_token_req') }}
+                {{ $t("save_token_req") }}
               </button>
             </span>
           </div>
@@ -1298,52 +1298,52 @@
 </template>
 
 <script>
-import section from '../components/section'
-import url from 'url'
-import querystring from 'querystring'
-import { commonHeaders } from '../functions/headers'
-import textareaAutoHeight from '../directives/textareaAutoHeight'
-import parseCurlCommand from '../assets/js/curlparser.js'
-import getEnvironmentVariablesFromScript from '../functions/preRequest'
-import runTestScriptWithVariables from '../functions/postwomanTesting'
-import parseTemplateString from '../functions/templating'
-import AceEditor from '../components/ace-editor'
-import { tokenRequest, oauthRedirect } from '../assets/js/oauth'
-import { sendNetworkRequest } from '../functions/network'
-import { fb } from '../functions/fb'
-import { getEditorLangForMimeType } from '~/functions/editorutils'
+import section from "../components/section"
+import url from "url"
+import querystring from "querystring"
+import { commonHeaders } from "../functions/headers"
+import textareaAutoHeight from "../directives/textareaAutoHeight"
+import parseCurlCommand from "../assets/js/curlparser.js"
+import getEnvironmentVariablesFromScript from "../functions/preRequest"
+import runTestScriptWithVariables from "../functions/postwomanTesting"
+import parseTemplateString from "../functions/templating"
+import AceEditor from "../components/ace-editor"
+import { tokenRequest, oauthRedirect } from "../assets/js/oauth"
+import { sendNetworkRequest } from "../functions/network"
+import { fb } from "../functions/fb"
+import { getEditorLangForMimeType } from "~/functions/editorutils"
 
 const statusCategories = [
   {
-    name: 'informational',
+    name: "informational",
     statusCodeRegex: new RegExp(/[1][0-9]+/),
-    className: 'info-response',
+    className: "info-response",
   },
   {
-    name: 'successful',
+    name: "successful",
     statusCodeRegex: new RegExp(/[2][0-9]+/),
-    className: 'success-response',
+    className: "success-response",
   },
   {
-    name: 'redirection',
+    name: "redirection",
     statusCodeRegex: new RegExp(/[3][0-9]+/),
-    className: 'redir-response',
+    className: "redir-response",
   },
   {
-    name: 'client error',
+    name: "client error",
     statusCodeRegex: new RegExp(/[4][0-9]+/),
-    className: 'cl-error-response',
+    className: "cl-error-response",
   },
   {
-    name: 'server error',
+    name: "server error",
     statusCodeRegex: new RegExp(/[5][0-9]+/),
-    className: 'sv-error-response',
+    className: "sv-error-response",
   },
   {
     // this object is a catch-all for when no other objects match and should always be last
-    name: 'unknown',
+    name: "unknown",
     statusCodeRegex: new RegExp(/.*/),
-    className: 'missing-data-response',
+    className: "missing-data-response",
   },
 ]
 const parseHeaders = xhr => {
@@ -1353,9 +1353,9 @@ const parseHeaders = xhr => {
     .split(/[\r\n]+/)
   const headerMap = {}
   headers.forEach(line => {
-    const parts = line.split(': ')
+    const parts = line.split(": ")
     const header = parts.shift().toLowerCase()
-    const value = parts.join(': ')
+    const value = parts.join(": ")
     headerMap[header] = value
   })
   return headerMap
@@ -1369,17 +1369,17 @@ export default {
   },
 
   components: {
-    'pw-section': section,
-    'pw-toggle': () => import('../components/toggle'),
-    'pw-modal': () => import('../components/modal'),
-    history: () => import('../components/history'),
-    autocomplete: () => import('../components/autocomplete'),
-    collections: () => import('../components/collections'),
-    saveRequestAs: () => import('../components/collections/saveRequestAs'),
+    "pw-section": section,
+    "pw-toggle": () => import("../components/toggle"),
+    "pw-modal": () => import("../components/modal"),
+    history: () => import("../components/history"),
+    autocomplete: () => import("../components/autocomplete"),
+    collections: () => import("../components/collections"),
+    saveRequestAs: () => import("../components/collections/saveRequestAs"),
     Editor: AceEditor,
-    inputform: () => import('../components/firebase/inputform'),
-    notes: () => import('../components/firebase/feeds'),
-    environments: () => import('../components/environments'),
+    inputform: () => import("../components/firebase/inputform"),
+    notes: () => import("../components/firebase/feeds"),
+    environments: () => import("../components/environments"),
   },
   data() {
     return {
@@ -1394,9 +1394,9 @@ export default {
       doneButton: '<i class="material-icons">done</i>',
       isHidden: true,
       response: {
-        status: '',
-        headers: '',
-        body: '',
+        status: "",
+        headers: "",
+        body: "",
       },
       previewEnabled: false,
       paramsWatchEnabled: true,
@@ -1409,18 +1409,18 @@ export default {
        * These are content types that can be automatically
        * serialized by postwoman.
        */
-      knownContentTypes: ['application/json', 'application/x-www-form-urlencoded'],
+      knownContentTypes: ["application/json", "application/x-www-form-urlencoded"],
 
       /**
        * These are a list of Content Types known to Postwoman.
        */
       validContentTypes: [
-        'application/json',
-        'application/hal+json',
-        'application/xml',
-        'application/x-www-form-urlencoded',
-        'text/html',
-        'text/plain',
+        "application/json",
+        "application/hal+json",
+        "application/xml",
+        "application/x-www-form-urlencoded",
+        "text/html",
+        "text/plain",
       ],
 
       commonHeaders,
@@ -1428,14 +1428,14 @@ export default {
       showRequestModal: false,
       editRequest: {},
       urlExcludes: {},
-      responseBodyText: '',
-      responseBodyType: 'text',
+      responseBodyText: "",
+      responseBodyType: "text",
       responseBodyMaxLines: 16,
       activeSidebar: true,
       fb,
       customMethod: false,
       files: [],
-      filenames: '',
+      filenames: "",
       navigatorShare: navigator.share,
     }
   },
@@ -1443,8 +1443,8 @@ export default {
     urlExcludes: {
       deep: true,
       handler() {
-        this.$store.commit('postwoman/applySetting', [
-          'URL_EXCLUDES',
+        this.$store.commit("postwoman/applySetting", [
+          "URL_EXCLUDES",
           Object.assign({}, this.urlExcludes),
         ])
       },
@@ -1453,32 +1453,32 @@ export default {
       this.rawInput = !this.knownContentTypes.includes(val)
     },
     rawInput(status) {
-      if (status && this.rawParams === '') {
-        this.rawParams = '{}'
+      if (status && this.rawParams === "") {
+        this.rawParams = "{}"
       } else {
         this.setRouteQueryState()
       }
     },
-    'response.body': function(val) {
+    "response.body": function(val) {
       if (
-        this.response.body === this.$t('waiting_send_req') ||
-        this.response.body === this.$t('loading')
+        this.response.body === this.$t("waiting_send_req") ||
+        this.response.body === this.$t("loading")
       ) {
         this.responseBodyText = this.response.body
-        this.responseBodyType = 'text'
+        this.responseBodyType = "text"
       } else {
         if (
-          this.responseType === 'application/json' ||
-          this.responseType === 'application/hal+json'
+          this.responseType === "application/json" ||
+          this.responseType === "application/hal+json"
         ) {
           this.responseBodyText = JSON.stringify(this.response.body, null, 2)
-          this.responseBodyType = 'json'
-        } else if (this.responseType === 'text/html') {
+          this.responseBodyType = "json"
+        } else if (this.responseType === "text/html") {
           this.responseBodyText = this.response.body
-          this.responseBodyType = 'html'
+          this.responseBodyType = "html"
         } else {
           this.responseBodyText = this.response.body
-          this.responseBodyType = 'text'
+          this.responseBodyType = "text"
         }
       }
     },
@@ -1492,10 +1492,10 @@ export default {
         let queryString = newValue
           .filter(({ key }) => !!key)
           .map(({ key, value }) => `${key}=${value}`)
-          .join('&')
-        queryString = queryString === '' ? '' : `?${queryString}`
-        if (path.includes('?')) {
-          path = path.slice(0, path.indexOf('?')) + queryString
+          .join("&")
+        queryString = queryString === "" ? "" : `?${queryString}`
+        if (path.includes("?")) {
+          path = path.slice(0, path.indexOf("?")) + queryString
         } else {
           path = path + queryString
         }
@@ -1529,7 +1529,7 @@ export default {
     },
     method() {
       // this.$store.commit('setState', { 'value': ["POST", "PUT", "PATCH"].includes(this.method) ? 'application/json' : '', 'attribute': 'contentType' })
-      this.contentType = ['POST', 'PUT', 'PATCH'].includes(this.method) ? 'application/json' : ''
+      this.contentType = ["POST", "PUT", "PATCH"].includes(this.method) ? "application/json" : ""
     },
   },
   computed: {
@@ -1538,7 +1538,7 @@ export default {
         return this.$store.state.request.url
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'url' })
+        this.$store.commit("setState", { value, attribute: "url" })
       },
     },
     method: {
@@ -1546,7 +1546,7 @@ export default {
         return this.$store.state.request.method
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'method' })
+        this.$store.commit("setState", { value, attribute: "method" })
       },
     },
     path: {
@@ -1554,7 +1554,7 @@ export default {
         return this.$store.state.request.path
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'path' })
+        this.$store.commit("setState", { value, attribute: "path" })
       },
     },
     label: {
@@ -1562,7 +1562,7 @@ export default {
         return this.$store.state.request.label
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'label' })
+        this.$store.commit("setState", { value, attribute: "label" })
       },
     },
     auth: {
@@ -1570,7 +1570,7 @@ export default {
         return this.$store.state.request.auth
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'auth' })
+        this.$store.commit("setState", { value, attribute: "auth" })
       },
     },
     httpUser: {
@@ -1578,7 +1578,7 @@ export default {
         return this.$store.state.request.httpUser
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'httpUser' })
+        this.$store.commit("setState", { value, attribute: "httpUser" })
       },
     },
     httpPassword: {
@@ -1586,7 +1586,7 @@ export default {
         return this.$store.state.request.httpPassword
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'httpPassword' })
+        this.$store.commit("setState", { value, attribute: "httpPassword" })
       },
     },
     bearerToken: {
@@ -1594,7 +1594,7 @@ export default {
         return this.$store.state.request.bearerToken
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'bearerToken' })
+        this.$store.commit("setState", { value, attribute: "bearerToken" })
       },
     },
     tokens: {
@@ -1602,7 +1602,7 @@ export default {
         return this.$store.state.oauth2.tokens
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'tokens' })
+        this.$store.commit("setOAuth2", { value, attribute: "tokens" })
       },
     },
     tokenReqs: {
@@ -1610,7 +1610,7 @@ export default {
         return this.$store.state.oauth2.tokenReqs
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'tokenReqs' })
+        this.$store.commit("setOAuth2", { value, attribute: "tokenReqs" })
       },
     },
     tokenReqSelect: {
@@ -1618,7 +1618,7 @@ export default {
         return this.$store.state.oauth2.tokenReqSelect
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'tokenReqSelect' })
+        this.$store.commit("setOAuth2", { value, attribute: "tokenReqSelect" })
       },
     },
     tokenReqName: {
@@ -1626,7 +1626,7 @@ export default {
         return this.$store.state.oauth2.tokenReqName
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'tokenReqName' })
+        this.$store.commit("setOAuth2", { value, attribute: "tokenReqName" })
       },
     },
     accessTokenName: {
@@ -1634,9 +1634,9 @@ export default {
         return this.$store.state.oauth2.accessTokenName
       },
       set(value) {
-        this.$store.commit('setOAuth2', {
+        this.$store.commit("setOAuth2", {
           value,
-          attribute: 'accessTokenName',
+          attribute: "accessTokenName",
         })
       },
     },
@@ -1645,9 +1645,9 @@ export default {
         return this.$store.state.oauth2.oidcDiscoveryUrl
       },
       set(value) {
-        this.$store.commit('setOAuth2', {
+        this.$store.commit("setOAuth2", {
           value,
-          attribute: 'oidcDiscoveryUrl',
+          attribute: "oidcDiscoveryUrl",
         })
       },
     },
@@ -1656,7 +1656,7 @@ export default {
         return this.$store.state.oauth2.authUrl
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'authUrl' })
+        this.$store.commit("setOAuth2", { value, attribute: "authUrl" })
       },
     },
     accessTokenUrl: {
@@ -1664,7 +1664,7 @@ export default {
         return this.$store.state.oauth2.accessTokenUrl
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'accessTokenUrl' })
+        this.$store.commit("setOAuth2", { value, attribute: "accessTokenUrl" })
       },
     },
     clientId: {
@@ -1672,7 +1672,7 @@ export default {
         return this.$store.state.oauth2.clientId
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'clientId' })
+        this.$store.commit("setOAuth2", { value, attribute: "clientId" })
       },
     },
     scope: {
@@ -1680,7 +1680,7 @@ export default {
         return this.$store.state.oauth2.scope
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'scope' })
+        this.$store.commit("setOAuth2", { value, attribute: "scope" })
       },
     },
     state: {
@@ -1688,7 +1688,7 @@ export default {
         return this.$store.state.oauth2.state
       },
       set(value) {
-        this.$store.commit('setOAuth2', { value, attribute: 'state' })
+        this.$store.commit("setOAuth2", { value, attribute: "state" })
       },
     },
     headers: {
@@ -1696,7 +1696,7 @@ export default {
         return this.$store.state.request.headers
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'headers' })
+        this.$store.commit("setState", { value, attribute: "headers" })
       },
     },
     params: {
@@ -1704,7 +1704,7 @@ export default {
         return this.$store.state.request.params
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'params' })
+        this.$store.commit("setState", { value, attribute: "params" })
       },
     },
     bodyParams: {
@@ -1712,7 +1712,7 @@ export default {
         return this.$store.state.request.bodyParams
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'bodyParams' })
+        this.$store.commit("setState", { value, attribute: "bodyParams" })
       },
     },
     rawParams: {
@@ -1720,7 +1720,7 @@ export default {
         return this.$store.state.request.rawParams
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'rawParams' })
+        this.$store.commit("setState", { value, attribute: "rawParams" })
       },
     },
     rawInput: {
@@ -1728,7 +1728,7 @@ export default {
         return this.$store.state.request.rawInput
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'rawInput' })
+        this.$store.commit("setState", { value, attribute: "rawInput" })
       },
     },
     rawInputEditorLang() {
@@ -1739,7 +1739,7 @@ export default {
         return this.$store.state.request.requestType
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'requestType' })
+        this.$store.commit("setState", { value, attribute: "requestType" })
       },
     },
     contentType: {
@@ -1747,7 +1747,7 @@ export default {
         return this.$store.state.request.contentType
       },
       set(value) {
-        this.$store.commit('setState', { value, attribute: 'contentType' })
+        this.$store.commit("setState", { value, attribute: "contentType" })
       },
     },
     passwordFieldType: {
@@ -1755,9 +1755,9 @@ export default {
         return this.$store.state.request.passwordFieldType
       },
       set(value) {
-        this.$store.commit('setState', {
+        this.$store.commit("setState", {
           value,
-          attribute: 'passwordFieldType',
+          attribute: "passwordFieldType",
         })
       },
     },
@@ -1779,7 +1779,7 @@ export default {
         // we cannot determine if a URL is valid because the full string is not known ahead of time
         return true
       }
-      const protocol = '^(https?:\\/\\/)?'
+      const protocol = "^(https?:\\/\\/)?"
       const validIP = new RegExp(
         `${protocol}(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]).){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$`
       )
@@ -1789,14 +1789,14 @@ export default {
       return validIP.test(this.url) || validHostname.test(this.url)
     },
     hasRequestBody() {
-      return ['POST', 'PUT', 'PATCH'].includes(this.method)
+      return ["POST", "PUT", "PATCH"].includes(this.method)
     },
     pathName() {
       return this.path.match(/^([^?]*)\??/)[1]
     },
     rawRequestBody() {
       const { bodyParams, contentType } = this
-      if (contentType === 'application/json') {
+      if (contentType === "application/json") {
         try {
           const obj = JSON.parse(
             `{${bodyParams
@@ -1810,42 +1810,42 @@ export default {
           )
           return JSON.stringify(obj, null, 2)
         } catch (ex) {
-          return 'invalid'
+          return "invalid"
         }
       } else {
         return bodyParams
           .filter(({ key }) => !!key)
           .map(({ key, value }) => `${key}=${encodeURIComponent(value)}`)
-          .join('&')
+          .join("&")
       }
     },
     headerString() {
       const result = this.headers
         .filter(({ key }) => !!key)
         .map(({ key, value }) => `${key}: ${value}`)
-        .join(',\n')
-      return result === '' ? '' : `${result}`
+        .join(",\n")
+      return result === "" ? "" : `${result}`
     },
     queryString() {
       const result = this.params
         .filter(({ key }) => !!key)
         .map(({ key, value }) => `${key}=${encodeURIComponent(value)}`)
-        .join('&')
-      return result === '' ? '' : `?${result}`
+        .join("&")
+      return result === "" ? "" : `?${result}`
     },
     responseType() {
-      return (this.response.headers['content-type'] || '').split(';')[0].toLowerCase()
+      return (this.response.headers["content-type"] || "").split(";")[0].toLowerCase()
     },
     requestCode() {
-      if (this.requestType === 'JavaScript XHR') {
+      if (this.requestType === "JavaScript XHR") {
         const requestString = []
-        requestString.push('const xhr = new XMLHttpRequest()')
-        const user = this.auth === 'Basic Auth' ? `'${this.httpUser}'` : null
-        const password = this.auth === 'Basic Auth' ? `'${this.httpPassword}'` : null
+        requestString.push("const xhr = new XMLHttpRequest()")
+        const user = this.auth === "Basic Auth" ? `'${this.httpUser}'` : null
+        const password = this.auth === "Basic Auth" ? `'${this.httpPassword}'` : null
         requestString.push(
           `xhr.open('${this.method}', '${this.url}${this.pathName}${this.queryString}', true, ${user}, ${password})`
         )
-        if (this.auth === 'Bearer Token' || this.auth === 'OAuth 2.0') {
+        if (this.auth === "Bearer Token" || this.auth === "OAuth 2.0") {
           requestString.push(`xhr.setRequestHeader('Authorization', 'Bearer ${this.bearerToken}')`)
         }
         if (this.headers) {
@@ -1853,7 +1853,7 @@ export default {
             requestString.push(`xhr.setRequestHeader('${key}', '${value}')`)
           })
         }
-        if (['POST', 'PUT', 'PATCH'].includes(this.method)) {
+        if (["POST", "PUT", "PATCH"].includes(this.method)) {
           const requestBody = this.rawInput ? this.rawParams : this.rawRequestBody
           requestString.push(`xhr.setRequestHeader('Content-Length', ${requestBody.length})`)
           requestString.push(
@@ -1861,23 +1861,23 @@ export default {
           )
           requestString.push(`xhr.send(${requestBody})`)
         } else {
-          requestString.push('xhr.send()')
+          requestString.push("xhr.send()")
         }
-        return requestString.join('\n')
-      } else if (this.requestType === 'Fetch') {
+        return requestString.join("\n")
+      } else if (this.requestType === "Fetch") {
         const requestString = []
         let headers = []
         requestString.push(`fetch("${this.url}${this.pathName}${this.queryString}", {\n`)
         requestString.push(`  method: "${this.method}",\n`)
-        if (this.auth === 'Basic Auth') {
+        if (this.auth === "Basic Auth") {
           const basic = `${this.httpUser}:${this.httpPassword}`
           headers.push(
             `    "Authorization": "Basic ${window.btoa(unescape(encodeURIComponent(basic)))}",\n`
           )
-        } else if (this.auth === 'Bearer Token' || this.auth === 'OAuth 2.0') {
+        } else if (this.auth === "Bearer Token" || this.auth === "OAuth 2.0") {
           headers.push(`    "Authorization": "Bearer ${this.bearerToken}",\n`)
         }
-        if (['POST', 'PUT', 'PATCH'].includes(this.method)) {
+        if (["POST", "PUT", "PATCH"].includes(this.method)) {
           const requestBody = this.rawInput ? this.rawParams : this.rawRequestBody
           requestString.push(`  body: ${requestBody},\n`)
           headers.push(`    "Content-Length": ${requestBody.length},\n`)
@@ -1888,29 +1888,29 @@ export default {
             headers.push(`    "${key}": "${value}",\n`)
           })
         }
-        headers = headers.join('').slice(0, -2)
+        headers = headers.join("").slice(0, -2)
         requestString.push(`  headers: {\n${headers}\n  },\n`)
         requestString.push('  credentials: "same-origin"\n')
-        requestString.push('}).then(function(response) {\n')
-        requestString.push('  response.status\n')
-        requestString.push('  response.statusText\n')
-        requestString.push('  response.headers\n')
-        requestString.push('  response.url\n\n')
-        requestString.push('  return response.text()\n')
-        requestString.push('}).catch(function(error) {\n')
-        requestString.push('  error.message\n')
-        requestString.push('})')
-        return requestString.join('')
-      } else if (this.requestType === 'cURL') {
+        requestString.push("}).then(function(response) {\n")
+        requestString.push("  response.status\n")
+        requestString.push("  response.statusText\n")
+        requestString.push("  response.headers\n")
+        requestString.push("  response.url\n\n")
+        requestString.push("  return response.text()\n")
+        requestString.push("}).catch(function(error) {\n")
+        requestString.push("  error.message\n")
+        requestString.push("})")
+        return requestString.join("")
+      } else if (this.requestType === "cURL") {
         const requestString = []
         requestString.push(`curl -X ${this.method} \n`)
         requestString.push(`  '${this.url}${this.pathName}${this.queryString}' \n`)
-        if (this.auth === 'Basic Auth') {
+        if (this.auth === "Basic Auth") {
           const basic = `${this.httpUser}:${this.httpPassword}`
           requestString.push(
             `  -H 'Authorization: Basic ${window.btoa(unescape(encodeURIComponent(basic)))}' \n`
           )
-        } else if (this.auth === 'Bearer Token' || this.auth === 'OAuth 2.0') {
+        } else if (this.auth === "Bearer Token" || this.auth === "OAuth 2.0") {
           requestString.push(`  -H 'Authorization: Bearer ${this.bearerToken}' \n`)
         }
         if (this.headers) {
@@ -1918,13 +1918,13 @@ export default {
             requestString.push(`  -H '${key}: ${value}' \n`)
           })
         }
-        if (['POST', 'PUT', 'PATCH'].includes(this.method)) {
+        if (["POST", "PUT", "PATCH"].includes(this.method)) {
           const requestBody = this.rawInput ? this.rawParams : this.rawRequestBody
           requestString.push(`  -H 'Content-Length: ${requestBody.length}' \n`)
           requestString.push(`  -H 'Content-Type: ${this.contentType}; charset=utf-8' \n`)
           requestString.push(`  -d '${requestBody}' \n`)
         }
-        return requestString.join('').slice(0, -2)
+        return requestString.join("").slice(0, -2)
       }
     },
     tokenReqDetails() {
@@ -1940,7 +1940,7 @@ export default {
   },
   methods: {
     useSelectedEnvironment(environment) {
-      let preRequestScriptString = ''
+      let preRequestScriptString = ""
       for (let variable of environment.variables) {
         preRequestScriptString =
           preRequestScriptString + `pw.env.set('${variable.key}', '${variable.value}');\n`
@@ -1956,7 +1956,7 @@ export default {
     },
     scrollInto(view) {
       this.$refs[view].$el.scrollIntoView({
-        behavior: 'smooth',
+        behavior: "smooth",
       })
     },
     handleUseHistory({ label, method, url, path, usesScripts, preRequestScript }) {
@@ -1966,7 +1966,7 @@ export default {
       this.path = path
       this.showPreRequestScript = usesScripts
       this.preRequestScript = preRequestScript
-      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto('request')
+      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto("request")
     },
     getVariablesFromPreRequestScript() {
       if (!this.preRequestScript) {
@@ -1994,7 +1994,7 @@ export default {
           requestOptions.headers[kParsed] = valParsed
         }
       }
-      if (typeof requestOptions.data === 'string') {
+      if (typeof requestOptions.data === "string") {
         requestOptions.data = parseTemplateString(requestOptions.data)
       }
 
@@ -2002,11 +2002,11 @@ export default {
     },
     async sendRequest() {
       this.$toast.clear()
-      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto('response')
+      this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED && this.scrollInto("response")
 
       if (!this.isValidURL) {
-        this.$toast.error(this.$t('url_invalid_format'), {
-          icon: 'error',
+        this.$toast.error(this.$t("url_invalid_format"), {
+          icon: "error",
         })
         return
       }
@@ -2015,15 +2015,15 @@ export default {
       // The nuxt axios module will hide it when the request is made.
       this.$nuxt.$loading.start()
 
-      if (this.$refs.response.$el.classList.contains('hidden')) {
-        this.$refs.response.$el.classList.toggle('hidden')
+      if (this.$refs.response.$el.classList.contains("hidden")) {
+        this.$refs.response.$el.classList.toggle("hidden")
       }
       this.previewEnabled = false
-      this.response.status = this.$t('fetching')
-      this.response.body = this.$t('loading')
+      this.response.status = this.$t("fetching")
+      this.response.body = this.$t("loading")
 
       const auth =
-        this.auth === 'Basic Auth'
+        this.auth === "Basic Auth"
           ? {
               username: this.httpUser,
               password: this.httpPassword,
@@ -2046,7 +2046,7 @@ export default {
 
         Object.assign(headers, {
           //'Content-Length': requestBody.length,
-          'Content-Type': `${this.contentType}; charset=utf-8`,
+          "Content-Type": `${this.contentType}; charset=utf-8`,
         })
       }
 
@@ -2058,13 +2058,13 @@ export default {
           let file = this.files[i]
           formData.append(`files[${i}]`, file)
         }
-        formData.append('data', requestBody)
+        formData.append("data", requestBody)
         requestBody = formData
       }
 
       // If the request uses a token for auth, we want to make sure it's sent here.
-      if (this.auth === 'Bearer Token' || this.auth === 'OAuth 2.0')
-        headers['Authorization'] = `Bearer ${this.bearerToken}`
+      if (this.auth === "Bearer Token" || this.auth === "OAuth 2.0")
+        headers["Authorization"] = `Bearer ${this.bearerToken}`
 
       headers = Object.assign(
         // Clone the app headers object first, we don't want to
@@ -2093,8 +2093,8 @@ export default {
         )
 
         const duration = Date.now() - startTime
-        this.$toast.info(this.$t('finished_in', { duration }), {
-          icon: 'done',
+        this.$toast.info(this.$t("finished_in", { duration }), {
+          icon: "done",
         })
         ;(() => {
           const status = (this.response.status = payload.status)
@@ -2166,18 +2166,18 @@ export default {
           return
         } else {
           this.response.status = error.message
-          this.response.body = `${error}. ${this.$t('check_console_details')}`
-          this.$toast.error(`${error} ${this.$t('f12_details')}`, {
-            icon: 'error',
+          this.response.body = `${error}. ${this.$t("check_console_details")}`
+          this.$toast.error(`${error} ${this.$t("f12_details")}`, {
+            icon: "error",
           })
           if (!this.$store.state.postwoman.settings.PROXY_ENABLED) {
-            this.$toast.info(this.$t('enable_proxy'), {
-              icon: 'help',
+            this.$toast.info(this.$t("enable_proxy"), {
+              icon: "help",
               duration: 8000,
               action: {
-                text: this.$t('yes'),
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  this.$router.push({ path: '/settings' })
+                  this.$router.push({ path: "/settings" })
                 },
               },
             })
@@ -2188,7 +2188,7 @@ export default {
     getQueryStringFromPath() {
       let queryString
       const pathParsed = url.parse(this.path)
-      return (queryString = pathParsed.query ? pathParsed.query : '')
+      return (queryString = pathParsed.query ? pathParsed.query : "")
     },
     queryStringToArray(queryString) {
       const queryParsed = querystring.parse(queryString)
@@ -2204,9 +2204,9 @@ export default {
       this.params = params
     },
     addRequestHeader() {
-      this.$store.commit('addHeaders', {
-        key: '',
-        value: '',
+      this.$store.commit("addHeaders", {
+        key: "",
+        value: "",
       })
       return false
     },
@@ -2214,11 +2214,11 @@ export default {
       // .slice() gives us an entirely new array rather than giving us just the reference
       const oldHeaders = this.headers.slice()
 
-      this.$store.commit('removeHeaders', index)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("removeHeaders", index)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           onClick: (e, toastObject) => {
             this.headers = oldHeaders
             toastObject.remove()
@@ -2227,18 +2227,18 @@ export default {
       })
     },
     addRequestParam() {
-      this.$store.commit('addParams', { key: '', value: '' })
+      this.$store.commit("addParams", { key: "", value: "" })
       return false
     },
     removeRequestParam(index) {
       // .slice() gives us an entirely new array rather than giving us just the reference
       const oldParams = this.params.slice()
 
-      this.$store.commit('removeParams', index)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("removeParams", index)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           onClick: (e, toastObject) => {
             this.params = oldParams
             toastObject.remove()
@@ -2247,18 +2247,18 @@ export default {
       })
     },
     addRequestBodyParam() {
-      this.$store.commit('addBodyParams', { key: '', value: '' })
+      this.$store.commit("addBodyParams", { key: "", value: "" })
       return false
     },
     removeRequestBodyParam(index) {
       // .slice() gives us an entirely new array rather than giving us just the reference
       const oldBodyParams = this.bodyParams.slice()
 
-      this.$store.commit('removeBodyParams', index)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("removeBodyParams", index)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           onClick: (e, toastObject) => {
             this.bodyParams = oldBodyParams
             toastObject.remove()
@@ -2272,33 +2272,33 @@ export default {
         const date = new Date().toLocaleDateString()
         navigator
           .share({
-            title: 'Postwoman',
+            title: "Postwoman",
             text: `Postwoman • API request builder at ${time} on ${date}`,
             url: window.location.href,
           })
           .then(() => {})
           .catch(console.error)
       } else {
-        const dummy = document.createElement('input')
+        const dummy = document.createElement("input")
         document.body.appendChild(dummy)
         dummy.value = window.location.href
         dummy.select()
-        document.execCommand('copy')
+        document.execCommand("copy")
         document.body.removeChild(dummy)
         this.$refs.copyRequest.innerHTML = this.doneButton
-        this.$toast.info(this.$t('copied_to_clipboard'), {
-          icon: 'done',
+        this.$toast.info(this.$t("copied_to_clipboard"), {
+          icon: "done",
         })
         setTimeout(() => (this.$refs.copyRequest.innerHTML = this.copyButton), 1000)
       }
     },
     copyRequestCode() {
       this.$refs.copyRequestCode.innerHTML = this.doneButton
-      this.$toast.success(this.$t('copied_to_clipboard'), {
-        icon: 'done',
+      this.$toast.success(this.$t("copied_to_clipboard"), {
+        icon: "done",
       })
       this.$refs.generatedCode.select()
-      document.execCommand('copy')
+      document.execCommand("copy")
       setTimeout(() => (this.$refs.copyRequestCode.innerHTML = this.copyButton), 1000)
     },
     ToggleExpandResponse() {
@@ -2307,33 +2307,33 @@ export default {
     },
     copyResponse() {
       this.$refs.copyResponse.innerHTML = this.doneButton
-      this.$toast.success(this.$t('copied_to_clipboard'), {
-        icon: 'done',
+      this.$toast.success(this.$t("copied_to_clipboard"), {
+        icon: "done",
       })
-      const aux = document.createElement('textarea')
+      const aux = document.createElement("textarea")
       const copy =
-        this.responseType === 'application/json'
+        this.responseType === "application/json"
           ? JSON.stringify(this.response.body, null, 2)
           : this.response.body
       aux.innerText = copy
       document.body.appendChild(aux)
       aux.select()
-      document.execCommand('copy')
+      document.execCommand("copy")
       document.body.removeChild(aux)
       setTimeout(() => (this.$refs.copyResponse.innerHTML = this.copyButton), 1000)
     },
     downloadResponse() {
       const dataToWrite = JSON.stringify(this.response.body, null, 2)
       const file = new Blob([dataToWrite], { type: this.responseType })
-      const a = document.createElement('a')
+      const a = document.createElement("a")
       const url = URL.createObjectURL(file)
       a.href = url
-      a.download = `${this.url + this.path} [${this.method}] on ${Date()}`.replace(/\./g, '[dot]')
+      a.download = `${this.url + this.path} [${this.method}] on ${Date()}`.replace(/\./g, "[dot]")
       document.body.appendChild(a)
       a.click()
       this.$refs.downloadResponse.innerHTML = this.doneButton
-      this.$toast.success(this.$t('download_started'), {
-        icon: 'done',
+      this.$toast.success(this.$t("download_started"), {
+        icon: "done",
       })
       setTimeout(() => {
         document.body.removeChild(a)
@@ -2346,9 +2346,9 @@ export default {
       if (this.previewEnabled) {
         // If you want to add 'preview' support for other response types,
         // just add them here.
-        if (this.responseType === 'text/html') {
+        if (this.responseType === "text/html") {
           // If the preview already has that URL loaded, let's not bother re-loading it all.
-          if (this.$refs.previewFrame.getAttribute('data-previewing-url') === this.url) return
+          if (this.$refs.previewFrame.getAttribute("data-previewing-url") === this.url) return
           // Use DOMParser to parse document HTML.
           const previewDocument = new DOMParser().parseFromString(
             this.response.body,
@@ -2359,54 +2359,54 @@ export default {
             `<base href="${this.url}">` + previewDocument.head.innerHTML
           // Finally, set the iframe source to the resulting HTML.
           this.$refs.previewFrame.srcdoc = previewDocument.documentElement.outerHTML
-          this.$refs.previewFrame.setAttribute('data-previewing-url', this.url)
+          this.$refs.previewFrame.setAttribute("data-previewing-url", this.url)
         }
       }
     },
     setRouteQueryState() {
-      const flat = key => (this[key] !== '' ? `${key}=${this[key]}&` : '')
+      const flat = key => (this[key] !== "" ? `${key}=${this[key]}&` : "")
       const deep = key => {
         const haveItems = [...this[key]].length
-        if (haveItems && this[key]['value'] !== '') {
+        if (haveItems && this[key]["value"] !== "") {
           return `${key}=${JSON.stringify(this[key])}&`
         }
-        return ''
+        return ""
       }
       let flats = [
-        'method',
-        'url',
-        'path',
-        !this.urlExcludes.auth ? 'auth' : null,
-        !this.urlExcludes.httpUser ? 'httpUser' : null,
-        !this.urlExcludes.httpPassword ? 'httpPassword' : null,
-        !this.urlExcludes.bearerToken ? 'bearerToken' : null,
-        'contentType',
+        "method",
+        "url",
+        "path",
+        !this.urlExcludes.auth ? "auth" : null,
+        !this.urlExcludes.httpUser ? "httpUser" : null,
+        !this.urlExcludes.httpPassword ? "httpPassword" : null,
+        !this.urlExcludes.bearerToken ? "bearerToken" : null,
+        "contentType",
       ]
         .filter(item => item !== null)
         .map(item => flat(item))
-      const deeps = ['headers', 'params'].map(item => deep(item))
-      const bodyParams = this.rawInput ? [flat('rawParams')] : [deep('bodyParams')]
+      const deeps = ["headers", "params"].map(item => deep(item))
+      const bodyParams = this.rawInput ? [flat("rawParams")] : [deep("bodyParams")]
 
       history.replaceState(
         window.location.href,
-        '',
+        "",
         `/?${encodeURI(
           flats
             .concat(deeps, bodyParams)
-            .join('')
+            .join("")
             .slice(0, -1)
         )}`
       )
     },
     setRouteQueries(queries) {
-      if (typeof queries !== 'object') throw new Error('Route query parameters must be a Object')
+      if (typeof queries !== "object") throw new Error("Route query parameters must be a Object")
       for (const key in queries) {
-        if (['headers', 'params', 'bodyParams'].includes(key))
+        if (["headers", "params", "bodyParams"].includes(key))
           this[key] = JSON.parse(decodeURI(queries[key]))
-        if (key === 'rawParams') {
+        if (key === "rawParams") {
           this.rawInput = true
-          this.rawParams = queries['rawParams']
-        } else if (typeof this[key] === 'string') {
+          this.rawParams = queries["rawParams"]
+        } else if (typeof this[key] === "string") {
           this[key] = queries[key]
         }
       }
@@ -2417,119 +2417,119 @@ export default {
       const observer = new IntersectionObserver(
         (entries, observer) => {
           entries.forEach(entry => {
-            if (entry.isIntersecting) sendButtonElement.classList.remove('show')
+            if (entry.isIntersecting) sendButtonElement.classList.remove("show")
             // The button should float when it is no longer visible on screen.
             // This is done by adding the show class to the button.
-            else sendButtonElement.classList.add('show')
+            else sendButtonElement.classList.add("show")
           })
         },
         {
-          rootMargin: '0px',
+          rootMargin: "0px",
           threshold: [0],
         }
       )
       observer.observe(requestElement)
     },
     handleImport() {
-      const { value: text } = document.getElementById('import-text')
+      const { value: text } = document.getElementById("import-text")
       try {
         const parsedCurl = parseCurlCommand(text)
-        const { origin, pathname } = new URL(parsedCurl.url.replace(/"/g, '').replace(/'/g, ''))
+        const { origin, pathname } = new URL(parsedCurl.url.replace(/"/g, "").replace(/'/g, ""))
         this.url = origin
         this.path = pathname
         this.headers = []
         if (parsedCurl.headers) {
           for (const key of Object.keys(parsedCurl.headers)) {
-            this.$store.commit('addHeaders', {
+            this.$store.commit("addHeaders", {
               key,
               value: parsedCurl.headers[key],
             })
           }
         }
         this.method = parsedCurl.method.toUpperCase()
-        if (parsedCurl['data']) {
+        if (parsedCurl["data"]) {
           this.rawInput = true
-          this.rawParams = parsedCurl['data']
+          this.rawParams = parsedCurl["data"]
         }
         this.showModal = false
       } catch (error) {
         this.showModal = false
-        this.$toast.error(this.$t('curl_invalid_format'), {
-          icon: 'error',
+        this.$toast.error(this.$t("curl_invalid_format"), {
+          icon: "error",
         })
       }
     },
     switchVisibility() {
-      this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'
+      this.passwordFieldType = this.passwordFieldType === "password" ? "text" : "password"
     },
     clearContent(name, e) {
       switch (name) {
-        case 'auth':
-          this.auth = 'None'
-          this.httpUser = ''
-          this.httpPassword = ''
-          this.bearerToken = ''
+        case "auth":
+          this.auth = "None"
+          this.httpUser = ""
+          this.httpPassword = ""
+          this.bearerToken = ""
           this.showTokenRequest = false
           this.tokens = []
           this.tokenReqs = []
           break
-        case 'headers':
+        case "headers":
           this.headers = []
           break
-        case 'parameters':
+        case "parameters":
           this.params = []
           break
-        case 'access_token':
-          this.accessTokenName = ''
-          this.oidcDiscoveryUrl = ''
-          this.authUrl = ''
-          this.accessTokenUrl = ''
-          this.clientId = ''
-          this.scope = ''
+        case "access_token":
+          this.accessTokenName = ""
+          this.oidcDiscoveryUrl = ""
+          this.authUrl = ""
+          this.accessTokenUrl = ""
+          this.clientId = ""
+          this.scope = ""
           break
-        case 'tokens':
+        case "tokens":
           this.tokens = []
           break
-        case 'tokenReqs':
+        case "tokenReqs":
           this.tokenReqs = []
-        case 'tests':
+        case "tests":
           this.testReports = null
           break
         default:
-          ;(this.label = ''),
-            (this.method = 'GET'),
-            (this.url = 'https://httpbin.org'),
-            (this.auth = 'None'),
-            (this.path = '/get'),
-            (this.auth = 'None')
-          this.httpUser = ''
-          this.httpPassword = ''
-          this.bearerToken = ''
+          ;(this.label = ""),
+            (this.method = "GET"),
+            (this.url = "https://httpbin.org"),
+            (this.auth = "None"),
+            (this.path = "/get"),
+            (this.auth = "None")
+          this.httpUser = ""
+          this.httpPassword = ""
+          this.bearerToken = ""
           this.headers = []
           this.params = []
           this.bodyParams = []
-          this.rawParams = ''
+          this.rawParams = ""
           this.showTokenRequest = false
           this.tokens = []
           this.tokenReqs = []
-          this.accessTokenName = ''
-          this.oidcDiscoveryUrl = ''
-          this.authUrl = ''
-          this.accessTokenUrl = ''
-          this.clientId = ''
-          this.scope = ''
+          this.accessTokenName = ""
+          this.oidcDiscoveryUrl = ""
+          this.authUrl = ""
+          this.accessTokenUrl = ""
+          this.clientId = ""
+          this.scope = ""
           this.files = []
       }
       e.target.innerHTML = this.doneButton
-      this.$toast.info(this.$t('cleared'), {
-        icon: 'clear_all',
+      this.$toast.info(this.$t("cleared"), {
+        icon: "clear_all",
       })
       setTimeout(() => (e.target.innerHTML = '<i class="material-icons">clear_all</i>'), 1000)
     },
     saveRequest() {
       if (!this.checkCollections()) {
-        this.$toast.error(this.$t('create_collection'), {
-          icon: 'error',
+        this.$toast.error(this.$t("create_collection"), {
+          icon: "error",
         })
         return
       }
@@ -2563,7 +2563,7 @@ export default {
       this.editRequest = {}
     },
     setExclude(excludedField, excluded) {
-      if (excludedField === 'auth') {
+      if (excludedField === "auth") {
         this.urlExcludes.auth = excluded
         this.urlExcludes.httpUser = excluded
         this.urlExcludes.httpPassword = excluded
@@ -2574,18 +2574,18 @@ export default {
       this.setRouteQueryState()
     },
     uploadAttachment() {
-      this.filenames = ''
+      this.filenames = ""
       this.files = this.$refs.attachment.files
       if (this.files.length !== 0) {
         for (let file of this.files) {
           this.filenames = `${this.filenames}<br/>${file.name}`
         }
-        this.$toast.info(this.$t('file_imported'), {
-          icon: 'attach_file',
+        this.$toast.info(this.$t("file_imported"), {
+          icon: "attach_file",
         })
       } else {
-        this.$toast.error(this.$t('choose_file'), {
-          icon: 'attach_file',
+        this.$toast.error(this.$t("choose_file"), {
+          icon: "attach_file",
         })
       }
     },
@@ -2598,25 +2598,25 @@ export default {
           this.rawParams = target.result
         }
         reader.readAsText(file)
-        this.$toast.info(this.$t('file_imported'), {
-          icon: 'attach_file',
+        this.$toast.info(this.$t("file_imported"), {
+          icon: "attach_file",
         })
       } else {
-        this.$toast.error(this.$t('choose_file'), {
-          icon: 'attach_file',
+        this.$toast.error(this.$t("choose_file"), {
+          icon: "attach_file",
         })
       }
     },
     async handleAccessTokenRequest() {
-      if (this.oidcDiscoveryUrl === '' && (this.authUrl === '' || this.accessTokenUrl === '')) {
-        this.$toast.error(this.$t('complete_config_urls'), {
-          icon: 'error',
+      if (this.oidcDiscoveryUrl === "" && (this.authUrl === "" || this.accessTokenUrl === "")) {
+        this.$toast.error(this.$t("complete_config_urls"), {
+          icon: "error",
         })
         return
       }
       try {
         const tokenReqParams = {
-          grantType: 'code',
+          grantType: "code",
           oidcDiscoveryUrl: this.oidcDiscoveryUrl,
           authUrl: this.authUrl,
           accessTokenUrl: this.accessTokenUrl,
@@ -2626,13 +2626,13 @@ export default {
         await tokenRequest(tokenReqParams)
       } catch (e) {
         this.$toast.error(e, {
-          icon: 'code',
+          icon: "code",
         })
       }
     },
     async oauthRedirectReq() {
       const tokenInfo = await oauthRedirect()
-      if (tokenInfo.hasOwnProperty('access_token')) {
+      if (tokenInfo.hasOwnProperty("access_token")) {
         this.bearerToken = tokenInfo.access_token
         this.addOAuthToken({
           name: this.accessTokenName,
@@ -2641,7 +2641,7 @@ export default {
       }
     },
     addOAuthToken({ name, value }) {
-      this.$store.commit('addOAuthToken', {
+      this.$store.commit("addOAuthToken", {
         name,
         value,
       })
@@ -2649,11 +2649,11 @@ export default {
     },
     removeOAuthToken(index) {
       const oldTokens = this.tokens.slice()
-      this.$store.commit('removeOAuthToken', index)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("removeOAuthToken", index)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           onClick: (e, toastObject) => {
             this.tokens = oldTokens
             toastObject.remove()
@@ -2669,15 +2669,15 @@ export default {
       try {
         const name = this.tokenReqName
         const details = JSON.parse(this.tokenReqDetails)
-        this.$store.commit('addOAuthTokenReq', {
+        this.$store.commit("addOAuthTokenReq", {
           name,
           details,
         })
-        this.$toast.info(this.$t('token_request_saved'))
+        this.$toast.info(this.$t("token_request_saved"))
         this.showTokenRequestList = false
       } catch (e) {
         this.$toast.error(e, {
-          icon: 'code',
+          icon: "code",
         })
       }
     },
@@ -2685,11 +2685,11 @@ export default {
       const oldTokenReqs = this.tokenReqs.slice()
       const targetReqIndex = this.tokenReqs.findIndex(({ name }) => name === this.tokenReqName)
       if (targetReqIndex < 0) return
-      this.$store.commit('removeOAuthTokenReq', targetReqIndex)
-      this.$toast.error(this.$t('deleted'), {
-        icon: 'delete',
+      this.$store.commit("removeOAuthTokenReq", targetReqIndex)
+      this.$toast.error(this.$t("deleted"), {
+        icon: "delete",
         action: {
-          text: this.$t('undo'),
+          text: this.$t("undo"),
           onClick: (e, toastObject) => {
             this.tokenReqs = oldTokenReqs
             toastObject.remove()
@@ -2711,25 +2711,25 @@ export default {
   async mounted() {
     this.observeRequestButton()
     this._keyListener = function(e) {
-      if (e.key === 'g' && (e.ctrlKey || e.metaKey)) {
+      if (e.key === "g" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault()
         this.sendRequest()
-      } else if (e.key === 's' && (e.ctrlKey || e.metaKey)) {
+      } else if (e.key === "s" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault()
         this.saveRequest()
-      } else if (e.key === 'k' && (e.ctrlKey || e.metaKey)) {
+      } else if (e.key === "k" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault()
         this.copyRequest()
-      } else if (e.key === 'j' && (e.ctrlKey || e.metaKey)) {
+      } else if (e.key === "j" && (e.ctrlKey || e.metaKey)) {
         e.preventDefault()
         this.$refs.clearAll.click()
-      } else if (e.key === 'Escape') {
+      } else if (e.key === "Escape") {
         e.preventDefault()
         this.showModal = this.showTokenList = this.showTokenRequestList = this.showRequestModal = false
         this.isHidden = true
       }
     }
-    document.addEventListener('keydown', this._keyListener.bind(this))
+    document.addEventListener("keydown", this._keyListener.bind(this))
     await this.oauthRedirectReq()
   },
   created() {
@@ -2764,7 +2764,7 @@ export default {
     )
   },
   beforeDestroy() {
-    document.removeEventListener('keydown', this._keyListener)
+    document.removeEventListener("keydown", this._keyListener)
   },
 }
 </script>
diff --git a/pages/realtime.vue b/pages/realtime.vue
index 96b3573d1..f94c63dd9 100644
--- a/pages/realtime.vue
+++ b/pages/realtime.vue
@@ -2,12 +2,12 @@
   <div class="page">
     <section id="options">
       <input id="tab-one" type="radio" name="options" checked="checked" />
-      <label for="tab-one">{{ $t('websocket') }}</label>
+      <label for="tab-one">{{ $t("websocket") }}</label>
       <div class="tab">
         <pw-section class="blue" :label="$t('request')" ref="request">
           <ul>
             <li>
-              <label for="url">{{ $t('url') }}</label>
+              <label for="url">{{ $t("url") }}</label>
               <input
                 id="url"
                 type="url"
@@ -20,10 +20,10 @@
               <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') }}
+                  {{ !connectionState ? $t("connect") : $t("disconnect") }}
                   <span>
                     <i class="material-icons">
-                      {{ !connectionState ? 'sync' : 'sync_disabled' }}
+                      {{ !connectionState ? "sync" : "sync_disabled" }}
                     </i>
                   </span>
                 </button>
@@ -35,7 +35,7 @@
         <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
           <ul>
             <li>
-              <label for="log">{{ $t('log') }}</label>
+              <label for="log">{{ $t("log") }}</label>
               <div id="log" name="log" class="log">
                 <span v-if="communication.log">
                   <span
@@ -46,13 +46,13 @@
                     }}{{ logEntry.payload }}</span
                   >
                 </span>
-                <span v-else>{{ $t('waiting_for_connection') }}</span>
+                <span v-else>{{ $t("waiting_for_connection") }}</span>
               </div>
             </li>
           </ul>
           <ul>
             <li>
-              <label for="message">{{ $t('message') }}</label>
+              <label for="message">{{ $t("message") }}</label>
               <input
                 id="message"
                 name="message"
@@ -66,7 +66,7 @@
               <li>
                 <label for="send" class="hide-on-small-screen">&nbsp;</label>
                 <button id="send" name="send" :disabled="!connectionState" @click="sendMessage">
-                  {{ $t('send') }}
+                  {{ $t("send") }}
                   <span>
                     <i class="material-icons">send</i>
                   </span>
@@ -77,12 +77,12 @@
         </pw-section>
       </div>
       <input id="tab-two" type="radio" name="options" />
-      <label for="tab-two">{{ $t('sse') }}</label>
+      <label for="tab-two">{{ $t("sse") }}</label>
       <div class="tab">
         <pw-section class="blue" :label="$t('request')" ref="request">
           <ul>
             <li>
-              <label for="server">{{ $t('server') }}</label>
+              <label for="server">{{ $t("server") }}</label>
               <input
                 id="server"
                 type="url"
@@ -100,10 +100,10 @@
                   name="start"
                   @click="toggleSSEConnection"
                 >
-                  {{ !connectionSSEState ? $t('start') : $t('stop') }}
+                  {{ !connectionSSEState ? $t("start") : $t("stop") }}
                   <span>
                     <i class="material-icons">
-                      {{ !connectionSSEState ? 'sync' : 'sync_disabled' }}
+                      {{ !connectionSSEState ? "sync" : "sync_disabled" }}
                     </i>
                   </span>
                 </button>
@@ -115,7 +115,7 @@
         <pw-section class="purple" :label="$t('communication')" id="response" ref="response">
           <ul>
             <li>
-              <label for="log">{{ $t('events') }}</label>
+              <label for="log">{{ $t("events") }}</label>
               <div id="log" name="log" class="log">
                 <span v-if="events.log">
                   <span
@@ -126,7 +126,7 @@
                     }}{{ logEntry.payload }}</span
                   >
                 </span>
-                <span v-else>{{ $t('waiting_for_connection') }}</span>
+                <span v-else>{{ $t("waiting_for_connection") }}</span>
               </div>
               <div id="result"></div>
             </li>
@@ -151,7 +151,7 @@ div.log {
   &,
   span {
     font-size: 16px;
-    font-family: 'Roboto Mono', monospace;
+    font-family: "Roboto Mono", monospace;
     font-weight: 400;
   }
 
@@ -167,29 +167,29 @@ div.log {
 <script>
 export default {
   components: {
-    'pw-section': () => import('../components/section'),
+    "pw-section": () => import("../components/section"),
   },
   data() {
     return {
       connectionState: false,
-      url: 'wss://echo.websocket.org',
+      url: "wss://echo.websocket.org",
       socket: null,
       communication: {
         log: null,
-        input: '',
+        input: "",
       },
       connectionSSEState: false,
-      server: 'https://express-eventsource.herokuapp.com/events',
+      server: "https://express-eventsource.herokuapp.com/events",
       sse: null,
       events: {
         log: null,
-        input: '',
+        input: "",
       },
     }
   },
   computed: {
     urlValid() {
-      const protocol = '^(wss?:\\/\\/)?'
+      const protocol = "^(wss?:\\/\\/)?"
       const validIP = new RegExp(
         `${protocol}(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]).){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$`
       )
@@ -199,7 +199,7 @@ export default {
       return validIP.test(this.url) || validHostname.test(this.url)
     },
     serverValid() {
-      const protocol = '^(https?:\\/\\/)?'
+      const protocol = "^(https?:\\/\\/)?"
       const validIP = new RegExp(
         `${protocol}(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5]).){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$`
       )
@@ -219,9 +219,9 @@ export default {
     connect() {
       this.communication.log = [
         {
-          payload: this.$t('connecting_to', { name: this.url }),
-          source: 'info',
-          color: 'var(--ac-color)',
+          payload: this.$t("connecting_to", { name: this.url }),
+          source: "info",
+          color: "var(--ac-color)",
         },
       ]
       try {
@@ -230,14 +230,14 @@ export default {
           this.connectionState = true
           this.communication.log = [
             {
-              payload: this.$t('connected_to', { name: this.url }),
-              source: 'info',
-              color: 'var(--ac-color)',
+              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.$toast.success(this.$t("connected"), {
+            icon: "sync",
           })
         }
         this.socket.onerror = event => {
@@ -246,26 +246,26 @@ export default {
         this.socket.onclose = event => {
           this.connectionState = false
           this.communication.log.push({
-            payload: this.$t('disconnected_from', { name: this.url }),
-            source: 'info',
-            color: '#ff5555',
+            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.$toast.error(this.$t("disconnected"), {
+            icon: "sync_disabled",
           })
         }
         this.socket.onmessage = event => {
           this.communication.log.push({
             payload: event.data,
-            source: 'server',
+            source: "server",
             ts: new Date().toLocaleTimeString(),
           })
         }
       } catch (ex) {
         this.handleError(ex)
-        this.$toast.error(this.$t('something_went_wrong'), {
-          icon: 'error',
+        this.$toast.error(this.$t("something_went_wrong"), {
+          icon: "error",
         })
       }
     },
@@ -276,16 +276,16 @@ export default {
       this.disconnect()
       this.connectionState = false
       this.communication.log.push({
-        payload: this.$t('error_occurred'),
-        source: 'info',
-        color: '#ff5555',
+        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',
+          source: "info",
+          color: "#ff5555",
           ts: new Date().toLocaleTimeString(),
         })
     },
@@ -294,26 +294,26 @@ export default {
       this.socket.send(message)
       this.communication.log.push({
         payload: message,
-        source: 'client',
+        source: "client",
         ts: new Date().toLocaleTimeString(),
       })
-      this.communication.input = ''
+      this.communication.input = ""
     },
     collapse({ target }) {
       const el = target.parentNode.className
-      document.getElementsByClassName(el)[0].classList.toggle('hidden')
+      document.getElementsByClassName(el)[0].classList.toggle("hidden")
     },
     getSourcePrefix(source) {
       const sourceEmojis = {
         // Source used for info messages.
-        info: '\tℹ️ [INFO]:\t',
+        info: "\tℹ️ [INFO]:\t",
         // Source used for client to server messages.
-        client: '\t👽 [SENT]:\t',
+        client: "\t👽 [SENT]:\t",
         // Source used for server to client messages.
-        server: '\t📥 [RECEIVED]:\t',
+        server: "\t📥 [RECEIVED]:\t",
       }
       if (Object.keys(sourceEmojis).includes(source)) return sourceEmojis[source]
-      return ''
+      return ""
     },
     toggleSSEConnection() {
       // If it is connecting:
@@ -324,26 +324,26 @@ export default {
     start() {
       this.events.log = [
         {
-          payload: this.$t('connecting_to', { name: this.server }),
-          source: 'info',
-          color: 'var(--ac-color)',
+          payload: this.$t("connecting_to", { name: this.server }),
+          source: "info",
+          color: "var(--ac-color)",
         },
       ]
-      if (typeof EventSource !== 'undefined') {
+      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)',
+                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.$toast.success(this.$t("connected"), {
+              icon: "sync",
             })
           }
           this.sse.onerror = event => {
@@ -352,34 +352,34 @@ export default {
           this.sse.onclose = event => {
             this.connectionSSEState = false
             this.events.log.push({
-              payload: this.$t('disconnected_from', { name: this.server }),
-              source: 'info',
-              color: '#ff5555',
+              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.$toast.error(this.$t("disconnected"), {
+              icon: "sync_disabled",
             })
           }
           this.sse.onmessage = event => {
             this.events.log.push({
               payload: event.data,
-              source: 'server',
+              source: "server",
               ts: new Date().toLocaleTimeString(),
             })
           }
         } catch (ex) {
           this.handleSSEError(ex)
-          this.$toast.error(this.$t('something_went_wrong'), {
-            icon: 'error',
+          this.$toast.error(this.$t("something_went_wrong"), {
+            icon: "error",
           })
         }
       } else {
         this.events.log = [
           {
-            payload: this.$t('browser_support_sse'),
-            source: 'info',
-            color: '#ff5555',
+            payload: this.$t("browser_support_sse"),
+            source: "info",
+            color: "#ff5555",
             ts: new Date().toLocaleTimeString(),
           },
         ]
@@ -389,16 +389,16 @@ export default {
       this.stop()
       this.connectionSSEState = false
       this.events.log.push({
-        payload: this.$t('error_occurred'),
-        source: 'info',
-        color: '#ff5555',
+        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',
+          source: "info",
+          color: "#ff5555",
           ts: new Date().toLocaleTimeString(),
         })
     },
@@ -409,7 +409,7 @@ export default {
   },
   updated: function() {
     this.$nextTick(function() {
-      const divLog = document.getElementById('log')
+      const divLog = document.getElementById("log")
       divLog.scrollBy(0, divLog.scrollHeight + 100)
     })
   },
diff --git a/pages/settings.vue b/pages/settings.vue
index eb7c7e256..d4ff6f99c 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -12,20 +12,20 @@
               />
               <i v-else class="material-icons">account_circle</i>
               <span>
-                {{ fb.currentUser.displayName || 'Name not found' }}
+                {{ fb.currentUser.displayName || "Name not found" }}
               </span>
             </button>
             <br />
             <button class="icon">
               <i class="material-icons">email</i>
               <span>
-                {{ fb.currentUser.email || 'Email not found' }}
+                {{ fb.currentUser.email || "Email not found" }}
               </span>
             </button>
             <br />
             <button class="icon" @click="logout">
               <i class="material-icons">exit_to_app</i>
-              <span>{{ $t('logout') }}</span>
+              <span>{{ $t("logout") }}</span>
             </button>
             <br />
             <p v-for="setting in fb.currentSettings" :key="setting.id">
@@ -34,19 +34,19 @@
                 :on="setting.value"
                 @change="toggleSettings(setting.name, setting.value)"
               >
-                {{ $t(setting.name) + ' ' + $t('sync') }}
-                {{ setting.value ? $t('enabled') : $t('disabled') }}
+                {{ $t(setting.name) + " " + $t("sync") }}
+                {{ setting.value ? $t("enabled") : $t("disabled") }}
               </pw-toggle>
             </p>
             <p v-if="fb.currentSettings.length !== 3">
               <button class="" @click="initSettings">
                 <i class="material-icons">sync</i>
-                <span>{{ $t('turn_on') + ' ' + $t('sync') }}</span>
+                <span>{{ $t("turn_on") + " " + $t("sync") }}</span>
               </button>
             </p>
           </div>
           <div v-else>
-            <label>{{ $t('login_with') }}</label>
+            <label>{{ $t("login_with") }}</label>
             <p>
               <button class="icon" @click="signInWithGoogle">
                 <svg
@@ -86,7 +86,7 @@
     <pw-section class="cyan" :label="$t('theme')" ref="theme">
       <ul>
         <li>
-          <label>{{ $t('background') }}</label>
+          <label>{{ $t("background") }}</label>
           <div class="backgrounds">
             <span :key="theme.class" @click="applyTheme(theme)" v-for="theme in themes">
               <swatch
@@ -102,7 +102,7 @@
       </ul>
       <ul>
         <li>
-          <label>{{ $t('color') }}</label>
+          <label>{{ $t("color") }}</label>
           <div class="colors">
             <span
               :key="entry.color"
@@ -127,8 +127,8 @@
               :on="settings.FRAME_COLORS_ENABLED"
               @change="toggleSetting('FRAME_COLORS_ENABLED')"
             >
-              {{ $t('multi_color') }}
-              {{ settings.FRAME_COLORS_ENABLED ? $t('enabled') : $t('disabled') }}
+              {{ $t("multi_color") }}
+              {{ settings.FRAME_COLORS_ENABLED ? $t("enabled") : $t("disabled") }}
             </pw-toggle>
           </span>
         </li>
@@ -140,8 +140,8 @@
               :on="settings.SCROLL_INTO_ENABLED"
               @change="toggleSetting('SCROLL_INTO_ENABLED')"
             >
-              {{ $t('scrollInto_use_toggle') }}
-              {{ settings.SCROLL_INTO_ENABLED ? $t('enabled') : $t('disabled') }}
+              {{ $t("scrollInto_use_toggle") }}
+              {{ settings.SCROLL_INTO_ENABLED ? $t("enabled") : $t("disabled") }}
             </pw-toggle>
           </span>
         </li>
@@ -156,7 +156,7 @@
               :on="settings.EXTENSIONS_ENABLED"
               @change="toggleSetting('EXTENSIONS_ENABLED')"
             >
-              {{ $t('extensions_use_toggle') }}
+              {{ $t("extensions_use_toggle") }}
             </pw-toggle>
           </div>
         </li>
@@ -169,8 +169,8 @@
           <div class="flex-wrap">
             <span>
               <pw-toggle :on="settings.PROXY_ENABLED" @change="toggleSetting('PROXY_ENABLED')">
-                {{ $t('proxy') }}
-                {{ settings.PROXY_ENABLED ? $t('enabled') : $t('disabled') }}
+                {{ $t("proxy") }}
+                {{ settings.PROXY_ENABLED ? $t("enabled") : $t("disabled") }}
               </pw-toggle>
             </span>
             <a
@@ -188,7 +188,7 @@
       <ul>
         <li>
           <div class="flex-wrap">
-            <label for="url">{{ $t('url') }}</label>
+            <label for="url">{{ $t("url") }}</label>
             <button class="icon" @click="resetProxy" v-tooltip.bottom="$t('reset_default')">
               <i class="material-icons">clear_all</i>
             </button>
@@ -204,11 +204,11 @@
       <ul class="info">
         <li>
           <p>
-            {{ $t('postwoman_official_proxy_hosting') }}
+            {{ $t("postwoman_official_proxy_hosting") }}
             <br />
-            {{ $t('read_the') }}
+            {{ $t("read_the") }}
             <a class="link" href="https://apollotv.xyz/legal" target="_blank" rel="noopener">
-              {{ $t('apollotv_privacy_policy') }} </a
+              {{ $t("apollotv_privacy_policy") }} </a
             >.
           </p>
         </li>
@@ -235,14 +235,14 @@
 <style scoped lang="scss"></style>
 
 <script>
-import firebase from 'firebase/app'
-import { fb } from '../functions/fb'
+import firebase from "firebase/app"
+import { fb } from "../functions/fb"
 
 export default {
   components: {
-    'pw-section': () => import('../components/section'),
-    'pw-toggle': () => import('../components/toggle'),
-    swatch: () => import('../components/settings/swatch'),
+    "pw-section": () => import("../components/section"),
+    "pw-toggle": () => import("../components/toggle"),
+    swatch: () => import("../components/settings/swatch"),
   },
 
   data() {
@@ -252,97 +252,97 @@ export default {
       //        set the relevant values.
       themes: [
         {
-          color: '#202124',
-          name: this.$t('kinda_dark'),
-          class: '',
-          aceEditor: 'twilight',
+          color: "#202124",
+          name: this.$t("kinda_dark"),
+          class: "",
+          aceEditor: "twilight",
         },
         {
-          color: '#ffffff',
-          name: this.$t('clearly_white'),
+          color: "#ffffff",
+          name: this.$t("clearly_white"),
           vibrant: true,
-          class: 'light',
-          aceEditor: 'iplastic',
+          class: "light",
+          aceEditor: "iplastic",
         },
         {
-          color: '#000000',
-          name: this.$t('just_black'),
-          class: 'black',
-          aceEditor: 'vibrant_ink',
+          color: "#000000",
+          name: this.$t("just_black"),
+          class: "black",
+          aceEditor: "vibrant_ink",
         },
         {
-          color: 'var(--ac-color)',
-          name: this.$t('auto_system'),
-          vibrant: window.matchMedia('(prefers-color-scheme: light)').matches,
-          class: 'auto',
-          aceEditor: window.matchMedia('(prefers-color-scheme: light)').matches
-            ? 'iplastic'
-            : 'twilight',
+          color: "var(--ac-color)",
+          name: this.$t("auto_system"),
+          vibrant: window.matchMedia("(prefers-color-scheme: light)").matches,
+          class: "auto",
+          aceEditor: window.matchMedia("(prefers-color-scheme: light)").matches
+            ? "iplastic"
+            : "twilight",
         },
       ],
       // You can define a new color here! It will simply store the color value.
       colors: [
         // If the color is vibrant, black is used as the active foreground color.
         {
-          color: '#50fa7b',
-          name: this.$t('green'),
+          color: "#50fa7b",
+          name: this.$t("green"),
           vibrant: true,
         },
         {
-          color: '#f1fa8c',
-          name: this.$t('yellow'),
+          color: "#f1fa8c",
+          name: this.$t("yellow"),
           vibrant: true,
         },
         {
-          color: '#ff79c6',
-          name: this.$t('pink'),
+          color: "#ff79c6",
+          name: this.$t("pink"),
           vibrant: true,
         },
         {
-          color: '#ff5555',
-          name: this.$t('red'),
+          color: "#ff5555",
+          name: this.$t("red"),
           vibrant: false,
         },
         {
-          color: '#bd93f9',
-          name: this.$t('purple'),
+          color: "#bd93f9",
+          name: this.$t("purple"),
           vibrant: true,
         },
         {
-          color: '#ffb86c',
-          name: this.$t('orange'),
+          color: "#ffb86c",
+          name: this.$t("orange"),
           vibrant: true,
         },
         {
-          color: '#8be9fd',
-          name: this.$t('cyan'),
+          color: "#8be9fd",
+          name: this.$t("cyan"),
           vibrant: true,
         },
         {
-          color: '#57b5f9',
-          name: this.$t('blue'),
+          color: "#57b5f9",
+          name: this.$t("blue"),
           vibrant: false,
         },
       ],
 
       settings: {
         SCROLL_INTO_ENABLED:
-          typeof this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED !== 'undefined'
+          typeof this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED !== "undefined"
             ? this.$store.state.postwoman.settings.SCROLL_INTO_ENABLED
             : true,
 
-        THEME_COLOR: '',
-        THEME_TAB_COLOR: '',
+        THEME_COLOR: "",
+        THEME_TAB_COLOR: "",
         THEME_COLOR_VIBRANT: true,
 
         FRAME_COLORS_ENABLED: this.$store.state.postwoman.settings.FRAME_COLORS_ENABLED || false,
         PROXY_ENABLED: this.$store.state.postwoman.settings.PROXY_ENABLED || false,
         PROXY_URL:
-          this.$store.state.postwoman.settings.PROXY_URL || 'https://postwoman.apollotv.xyz/',
-        PROXY_KEY: this.$store.state.postwoman.settings.PROXY_KEY || '',
+          this.$store.state.postwoman.settings.PROXY_URL || "https://postwoman.apollotv.xyz/",
+        PROXY_KEY: this.$store.state.postwoman.settings.PROXY_KEY || "",
 
         EXTENSIONS_ENABLED:
-          typeof this.$store.state.postwoman.settings.EXTENSIONS_ENABLED !== 'undefined'
+          typeof this.$store.state.postwoman.settings.EXTENSIONS_ENABLED !== "undefined"
             ? this.$store.state.postwoman.settings.EXTENSIONS_ENABLED
             : true,
       },
@@ -356,45 +356,45 @@ export default {
     proxySettings: {
       deep: true,
       handler(value) {
-        this.applySetting('PROXY_URL', value.url)
-        this.applySetting('PROXY_KEY', value.key)
+        this.applySetting("PROXY_URL", value.url)
+        this.applySetting("PROXY_KEY", value.key)
       },
     },
   },
 
   methods: {
     applyTheme({ class: name, color, aceEditor }) {
-      this.applySetting('THEME_CLASS', name)
-      this.applySetting('THEME_ACE_EDITOR', aceEditor)
-      document.querySelector('meta[name=theme-color]').setAttribute('content', color)
-      this.applySetting('THEME_TAB_COLOR', color)
+      this.applySetting("THEME_CLASS", name)
+      this.applySetting("THEME_ACE_EDITOR", aceEditor)
+      document.querySelector("meta[name=theme-color]").setAttribute("content", color)
+      this.applySetting("THEME_TAB_COLOR", color)
       document.documentElement.className = name
     },
     setActiveColor(color, vibrant) {
       // By default, the color is vibrant.
       if (vibrant === null) vibrant = true
-      document.documentElement.style.setProperty('--ac-color', color)
+      document.documentElement.style.setProperty("--ac-color", color)
       document.documentElement.style.setProperty(
-        '--act-color',
-        vibrant ? 'rgba(32, 33, 36, 1)' : 'rgba(255, 255, 255, 1)'
+        "--act-color",
+        vibrant ? "rgba(32, 33, 36, 1)" : "rgba(255, 255, 255, 1)"
       )
-      this.applySetting('THEME_COLOR', color.toUpperCase())
-      this.applySetting('THEME_COLOR_VIBRANT', vibrant)
+      this.applySetting("THEME_COLOR", color.toUpperCase())
+      this.applySetting("THEME_COLOR_VIBRANT", vibrant)
     },
     getActiveColor() {
       // This strips extra spaces and # signs from the strings.
-      const strip = str => str.replace(/#/g, '').replace(/ /g, '')
+      const strip = str => str.replace(/#/g, "").replace(/ /g, "")
       return `#${strip(
-        window.getComputedStyle(document.documentElement).getPropertyValue('--ac-color')
+        window.getComputedStyle(document.documentElement).getPropertyValue("--ac-color")
       ).toUpperCase()}`
     },
     applySetting(key, value) {
       this.settings[key] = value
-      this.$store.commit('postwoman/applySetting', [key, value])
+      this.$store.commit("postwoman/applySetting", [key, value])
     },
     toggleSetting(key) {
       this.settings[key] = !this.settings[key]
-      this.$store.commit('postwoman/applySetting', [key, this.settings[key]])
+      this.$store.commit("postwoman/applySetting", [key, this.settings[key]])
     },
     logout() {
       fb.currentUser = null
@@ -403,11 +403,11 @@ export default {
         .signOut()
         .catch(err => {
           this.$toast.show(err.message || err, {
-            icon: 'error',
+            icon: "error",
           })
         })
-      this.$toast.info(this.$t('logged_out'), {
-        icon: 'vpn_key',
+      this.$toast.info(this.$t("logged_out"), {
+        icon: "vpn_key",
       })
     },
     signInWithGoogle() {
@@ -417,17 +417,17 @@ export default {
         .signInWithPopup(provider)
         .then(({ additionalUserInfo }) => {
           if (additionalUserInfo.isNewUser) {
-            this.$toast.info(`${this.$t('turn_on')} ${this.$t('sync')}`, {
-              icon: 'sync',
+            this.$toast.info(`${this.$t("turn_on")} ${this.$t("sync")}`, {
+              icon: "sync",
               duration: null,
               closeOnSwipe: false,
               action: {
-                text: this.$t('yes'),
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  fb.writeSettings('syncHistory', true)
-                  fb.writeSettings('syncCollections', true)
-                  fb.writeSettings('syncEnvironments', true)
-                  this.$router.push({ path: '/settings' })
+                  fb.writeSettings("syncHistory", true)
+                  fb.writeSettings("syncCollections", true)
+                  fb.writeSettings("syncEnvironments", true)
+                  this.$router.push({ path: "/settings" })
                   toastObject.remove()
                 },
               },
@@ -436,7 +436,7 @@ export default {
         })
         .catch(err => {
           this.$toast.show(err.message || err, {
-            icon: 'error',
+            icon: "error",
           })
         })
     },
@@ -447,17 +447,17 @@ export default {
         .signInWithPopup(provider)
         .then(({ additionalUserInfo }) => {
           if (additionalUserInfo.isNewUser) {
-            this.$toast.info(`${this.$t('turn_on')} ${this.$t('sync')}`, {
-              icon: 'sync',
+            this.$toast.info(`${this.$t("turn_on")} ${this.$t("sync")}`, {
+              icon: "sync",
               duration: null,
               closeOnSwipe: false,
               action: {
-                text: this.$t('yes'),
+                text: this.$t("yes"),
                 onClick: (e, toastObject) => {
-                  fb.writeSettings('syncHistory', true)
-                  fb.writeSettings('syncCollections', true)
-                  fb.writeSettings('syncEnvironments', true)
-                  this.$router.push({ path: '/settings' })
+                  fb.writeSettings("syncHistory", true)
+                  fb.writeSettings("syncCollections", true)
+                  fb.writeSettings("syncEnvironments", true)
+                  this.$router.push({ path: "/settings" })
                   toastObject.remove()
                 },
               },
@@ -466,7 +466,7 @@ export default {
         })
         .catch(err => {
           this.$toast.show(err.message || err, {
-            icon: 'error',
+            icon: "error",
           })
         })
     },
@@ -474,15 +474,15 @@ export default {
       fb.writeSettings(s, !v)
     },
     initSettings() {
-      fb.writeSettings('syncHistory', true)
-      fb.writeSettings('syncCollections', true)
-      fb.writeSettings('syncEnvironments', true)
+      fb.writeSettings("syncHistory", true)
+      fb.writeSettings("syncCollections", true)
+      fb.writeSettings("syncEnvironments", true)
     },
     resetProxy({ target }) {
       this.settings.PROXY_URL = `https://postwoman.apollotv.xyz/`
       target.innerHTML = this.doneButton
-      this.$toast.info(this.$t('cleared'), {
-        icon: 'clear_all',
+      this.$toast.info(this.$t("cleared"), {
+        icon: "clear_all",
       })
       setTimeout(() => (target.innerHTML = '<i class="material-icons">clear_all</i>'), 1000)
     },
diff --git a/plugins/v-tooltip.js b/plugins/v-tooltip.js
index 77513f7e8..8288b571a 100644
--- a/plugins/v-tooltip.js
+++ b/plugins/v-tooltip.js
@@ -1,4 +1,4 @@
-import Vue from 'vue'
-import VTooltip from 'v-tooltip'
+import Vue from "vue"
+import VTooltip from "v-tooltip"
 
 Vue.use(VTooltip)
diff --git a/plugins/vuex-persist.js b/plugins/vuex-persist.js
index ad5834fba..c834193f6 100644
--- a/plugins/vuex-persist.js
+++ b/plugins/vuex-persist.js
@@ -1,4 +1,4 @@
-import VuexPersistence from 'vuex-persist'
+import VuexPersistence from "vuex-persist"
 
 export default ({ store }) => {
   new VuexPersistence().plugin(store)
diff --git a/store/index.js b/store/index.js
index 75671cda3..f19b77f4d 100644
--- a/store/index.js
+++ b/store/index.js
@@ -1,13 +1,13 @@
-import Vuex from 'vuex'
-import state from './state'
-import VuexPersist from 'vuex-persist'
+import Vuex from "vuex"
+import state from "./state"
+import VuexPersist from "vuex-persist"
 
 export default {
   install(Vue) {
     Vue.use(Vuex)
 
     const vuexLocalStorage = new VuexPersist({
-      key: 'vuex',
+      key: "vuex",
       storage: window.localStorage,
       reducer: ({ ...request }) => ({
         ...request,
diff --git a/store/postwoman.js b/store/postwoman.js
index 1b8b90c85..8857ccaba 100644
--- a/store/postwoman.js
+++ b/store/postwoman.js
@@ -1,27 +1,27 @@
-import Vue from 'vue'
+import Vue from "vue"
 
 export const SETTINGS_KEYS = [
   /**
    * Whether or not to enable scrolling to a specified element, when certain
    * actions are triggered.
    */
-  'SCROLL_INTO_ENABLED',
+  "SCROLL_INTO_ENABLED",
 
   /**
    * The CSS class that should be applied to the root element.
    * Essentially, the name of the background theme.
    */
-  'THEME_CLASS',
+  "THEME_CLASS",
 
   /**
    * The hex color code for the currently active theme.
    */
-  'THEME_COLOR',
+  "THEME_COLOR",
 
   /**
    * The hex color code for browser tab color.
    */
-  'THEME_TAB_COLOR',
+  "THEME_TAB_COLOR",
 
   /**
    * Whether or not THEME_COLOR is considered 'vibrant'.
@@ -30,59 +30,59 @@ export const SETTINGS_KEYS = [
    * any text placed on the theme color will have its color
    * inverted from white to black.
    */
-  'THEME_COLOR_VIBRANT',
+  "THEME_COLOR_VIBRANT",
 
   /**
    * The Ace editor theme
    */
-  'THEME_ACE_EDITOR',
+  "THEME_ACE_EDITOR",
 
   /**
    * Normally, section frames are multicolored in the UI
    * to emphasise the different sections.
    * This setting allows that to be turned off.
    */
-  'FRAME_COLORS_ENABLED',
+  "FRAME_COLORS_ENABLED",
 
   /**
    * Whether or not requests should be proxied.
    */
-  'PROXY_ENABLED',
+  "PROXY_ENABLED",
 
   /**
    * The URL of the proxy to connect to for requests.
    */
-  'PROXY_URL',
+  "PROXY_URL",
   /**
    * The security key of the proxy.
    */
-  'PROXY_KEY',
+  "PROXY_KEY",
 
   /**
    * An array of properties to exclude from the URL.
    * e.g. 'auth'
    */
-  'URL_EXCLUDES',
+  "URL_EXCLUDES",
 
   /**
    * A boolean value indicating whether to use the browser extensions
    * to run the requests
    */
-  'EXTENSIONS_ENABLED',
+  "EXTENSIONS_ENABLED",
 ]
 
 export const state = () => ({
   settings: {},
   collections: [
     {
-      name: 'My Collection',
+      name: "My Collection",
       folders: [],
       requests: [],
     },
   ],
   environments: [
     {
-      name: 'My Environment Variables',
+      name: "My Environment Variables",
       variables: [],
     },
   ],
@@ -94,7 +94,7 @@ export const state = () => ({
 export const mutations = {
   applySetting({ settings }, setting) {
     if (setting === null || !(setting instanceof Array) || setting.length !== 2) {
-      throw new Error('You must provide a setting (array in the form [key, value])')
+      throw new Error("You must provide a setting (array in the form [key, value])")
     }
 
     const [key, value] = setting
@@ -144,7 +144,7 @@ export const mutations = {
       })
     })
     if (duplicateEnvironment) {
-      this.$toast.info('Duplicate environment')
+      this.$toast.info("Duplicate environment")
       return
     }
     state.environments = [...state.environments, ...environments]
@@ -155,7 +155,7 @@ export const mutations = {
       index += 1
     }
     this.$toast.info(confirmation, {
-      icon: 'folder_shared',
+      icon: "folder_shared",
     })
   },
 
@@ -175,7 +175,7 @@ export const mutations = {
               item.name.toLowerCase() === name.toLowerCase()
           )
     if (duplicateEnvironment) {
-      this.$toast.info('Duplicate environment')
+      this.$toast.info("Duplicate environment")
       return
     }
     environments[environmentIndex] = environment
@@ -201,11 +201,11 @@ export const mutations = {
       item => item.name.toLowerCase() === name.toLowerCase()
     )
     if (duplicateCollection) {
-      this.$toast.info('Duplicate collection')
+      this.$toast.info("Duplicate collection")
       return
     }
     collections.push({
-      name: '',
+      name: "",
       folders: [],
       requests: [],
       ...collection,
@@ -226,7 +226,7 @@ export const mutations = {
       item => item.name.toLowerCase() === name.toLowerCase()
     )
     if (duplicateCollection) {
-      this.$toast.info('Duplicate collection')
+      this.$toast.info("Duplicate collection")
       return
     }
     collections[collectionIndex] = collection
@@ -235,7 +235,7 @@ export const mutations = {
   addNewFolder({ collections }, payload) {
     const { collectionIndex, folder } = payload
     collections[collectionIndex].folders.push({
-      name: '',
+      name: "",
       requests: [],
       ...folder,
     })
@@ -328,9 +328,9 @@ export const mutations = {
     const { request } = payload
 
     // Remove the old request from collection
-    if (request.hasOwnProperty('oldCollection') && request.oldCollection > -1) {
+    if (request.hasOwnProperty("oldCollection") && request.oldCollection > -1) {
       const folder =
-        request.hasOwnProperty('oldFolder') && request.oldFolder >= -1
+        request.hasOwnProperty("oldFolder") && request.oldFolder >= -1
           ? request.oldFolder
           : request.folder
       if (folder > -1) {
@@ -338,7 +338,7 @@ export const mutations = {
       } else {
         collections[request.oldCollection].requests.splice(request.requestIndex, 1)
       }
-    } else if (request.hasOwnProperty('oldFolder') && request.oldFolder !== -1) {
+    } else if (request.hasOwnProperty("oldFolder") && request.oldFolder !== -1) {
       collections[request.collection].folders[folder].requests.splice(request.requestIndex, 1)
     }
 
diff --git a/store/state.js b/store/state.js
index 950e41ed2..1df17674a 100644
--- a/store/state.js
+++ b/store/state.js
@@ -1,38 +1,38 @@
 export default () => ({
   request: {
-    method: 'GET',
-    url: 'https://httpbin.org',
-    path: '/get',
-    label: '',
-    auth: 'None',
-    httpUser: '',
-    httpPassword: '',
-    passwordFieldType: 'password',
-    bearerToken: '',
+    method: "GET",
+    url: "https://httpbin.org",
+    path: "/get",
+    label: "",
+    auth: "None",
+    httpUser: "",
+    httpPassword: "",
+    passwordFieldType: "password",
+    bearerToken: "",
     headers: [],
     params: [],
     bodyParams: [],
-    rawParams: '',
+    rawParams: "",
     rawInput: false,
-    requestType: '',
-    contentType: '',
+    requestType: "",
+    contentType: "",
   },
   gql: {
-    url: 'https://rickandmortyapi.com/graphql',
+    url: "https://rickandmortyapi.com/graphql",
     headers: [],
-    variablesJSONString: '{}',
-    query: '',
+    variablesJSONString: "{}",
+    query: "",
   },
   oauth2: {
     tokens: [],
     tokenReqs: [],
-    tokenReqSelect: '',
-    tokenReqName: '',
-    accessTokenName: '',
-    oidcDiscoveryUrl: '',
-    authUrl: '',
-    accessTokenUrl: '',
-    clientId: '',
-    scope: '',
+    tokenReqSelect: "",
+    tokenReqName: "",
+    accessTokenName: "",
+    oidcDiscoveryUrl: "",
+    authUrl: "",
+    accessTokenUrl: "",
+    clientId: "",
+    scope: "",
   },
 })
diff --git a/tests/e2e/integration/app.starter.spec.js b/tests/e2e/integration/app.starter.spec.js
index 6313d11bc..301176d8b 100644
--- a/tests/e2e/integration/app.starter.spec.js
+++ b/tests/e2e/integration/app.starter.spec.js
@@ -1,7 +1,7 @@
-describe('Visit home', () => {
+describe("Visit home", () => {
   it('Have a page title with "Postwoman"', () => {
-    cy.visit('/', { retryOnStatusCodeFailure: true })
-      .get('title')
-      .should('contain', 'Postwoman')
+    cy.visit("/", { retryOnStatusCodeFailure: true })
+      .get("title")
+      .should("contain", "Postwoman")
   })
 })
diff --git a/tests/e2e/integration/feature.url-queries.spec.js b/tests/e2e/integration/feature.url-queries.spec.js
index c8bd44a77..3481242b7 100644
--- a/tests/e2e/integration/feature.url-queries.spec.js
+++ b/tests/e2e/integration/feature.url-queries.spec.js
@@ -1,34 +1,34 @@
-describe('Authentication', () => {
+describe("Authentication", () => {
   it(`Change default auth user and pass with url`, () => {
     cy.visit(`?&auth=Basic Auth&httpUser=foo&httpPassword=bar`, { retryOnStatusCodeFailure: true })
       .get('input[name="http_basic_user"]', { timeout: 500 })
-      .invoke('val')
+      .invoke("val")
       .then(user => {
-        expect(user === 'foo').to.equal(true)
+        expect(user === "foo").to.equal(true)
       })
 
       .get('input[name="http_basic_passwd"]')
-      .invoke('val')
+      .invoke("val")
       .then(pass => {
-        expect(pass === 'bar').to.equal(true)
+        expect(pass === "bar").to.equal(true)
       })
   })
 
-  it('Enable user and pass at url with toggler', () => {
-    cy.visit('/', { retryOnStatusCodeFailure: true })
-      .get('#auth')
-      .select('Basic Auth')
+  it("Enable user and pass at url with toggler", () => {
+    cy.visit("/", { retryOnStatusCodeFailure: true })
+      .get("#auth")
+      .select("Basic Auth")
       .get('input[name="http_basic_user"]', { timeout: 500 })
-      .type('foo')
+      .type("foo")
       .get('input[name="http_basic_passwd"]', { timeout: 500 })
-      .type('bar')
+      .type("bar")
       .url()
-      .should('not.contain', 'foo')
-      .should('not.contain', 'bar')
-      .get('.toggle')
+      .should("not.contain", "foo")
+      .should("not.contain", "bar")
+      .get(".toggle")
       .click()
       .url()
-      .should('contain', 'foo')
-      .should('contain', 'bar')
+      .should("contain", "foo")
+      .should("contain", "bar")
   })
 })
diff --git a/tests/e2e/integration/proxy.spec.js b/tests/e2e/integration/proxy.spec.js
index a84025604..455bc3f86 100644
--- a/tests/e2e/integration/proxy.spec.js
+++ b/tests/e2e/integration/proxy.spec.js
@@ -1,25 +1,25 @@
-describe('Proxy disabled - local request', () => {
-  it('Change default url with query and make a request to local cat api', () => {
-    cy.seedAndVisit('catapi', '/?url=https://api.thecatapi.com&path=')
-      .get('#url')
-      .then(el => expect(el.val() === 'https://api.thecatapi.com').to.equal(true))
-      .get('#path')
-      .then(el => expect(el.val() === '').to.equal(true))
-      .get('#response-details-wrapper')
+describe("Proxy disabled - local request", () => {
+  it("Change default url with query and make a request to local cat api", () => {
+    cy.seedAndVisit("catapi", "/?url=https://api.thecatapi.com&path=")
+      .get("#url")
+      .then(el => expect(el.val() === "https://api.thecatapi.com").to.equal(true))
+      .get("#path")
+      .then(el => expect(el.val() === "").to.equal(true))
+      .get("#response-details-wrapper")
       .should($wrapper => {
-        expect($wrapper).to.contain('FAKE Cat API')
+        expect($wrapper).to.contain("FAKE Cat API")
       })
   })
 })
 
-describe('Proxy enabled - external request', () => {
-  it('Enable the proxy and make a request to the real cat api', () => {
-    cy.enableProxy('/?url=https://api.thecatapi.com&path=')
-      .get('#send')
+describe("Proxy enabled - external request", () => {
+  it("Enable the proxy and make a request to the real cat api", () => {
+    cy.enableProxy("/?url=https://api.thecatapi.com&path=")
+      .get("#send")
       .click()
-      .get('#response-details-wrapper')
+      .get("#response-details-wrapper")
       .should($wrapper => {
-        expect($wrapper).to.contain('Cat API')
+        expect($wrapper).to.contain("Cat API")
       })
   })
 })
diff --git a/tests/e2e/support/commands.js b/tests/e2e/support/commands.js
index 2e095d884..519174757 100644
--- a/tests/e2e/support/commands.js
+++ b/tests/e2e/support/commands.js
@@ -5,15 +5,15 @@
  * @param { String } path The path or query parameters to go -ex. '/?path=/api/users'
  * @param { String } method The fake request method
  */
-Cypress.Commands.add('seedAndVisit', (seedData, path = '/', method = 'GET') => {
+Cypress.Commands.add("seedAndVisit", (seedData, path = "/", method = "GET") => {
   cy.server()
-    .route(method, 'https://api.thecatapi.com/', `fixture:${seedData}`)
-    .as('load')
+    .route(method, "https://api.thecatapi.com/", `fixture:${seedData}`)
+    .as("load")
 
   cy.visit(path)
-    .get('#send')
+    .get("#send")
     .click()
-    .wait('@load')
+    .wait("@load")
 })
 
 /**
@@ -21,11 +21,11 @@ Cypress.Commands.add('seedAndVisit', (seedData, path = '/', method = 'GET') => {
  * This function will enable the proxy and navigate back to a given path
  * @param { String } goBackPath The page go back
  */
-Cypress.Commands.add('enableProxy', goBackPath => {
-  cy.visit('/settings')
-    .get('#proxy')
-    .find('.toggle')
+Cypress.Commands.add("enableProxy", goBackPath => {
+  cy.visit("/settings")
+    .get("#proxy")
+    .find(".toggle")
     .click({ force: true })
-    .should('have.class', 'on')
+    .should("have.class", "on")
     .visit(goBackPath)
 })
diff --git a/tests/e2e/support/index.js b/tests/e2e/support/index.js
index 43c03b759..b7cb303d8 100644
--- a/tests/e2e/support/index.js
+++ b/tests/e2e/support/index.js
@@ -1 +1 @@
-import './commands'
+import "./commands"