diff --git a/index.html b/index.html
index ea4a054..00c68c6 100644
--- a/index.html
+++ b/index.html
@@ -22,9 +22,6 @@
 
     <div id="app"></div>
 
-    <!--link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/bootstrap-icons@latest/font/bootstrap-icons.css" /-->
     <script type="module" src="/src/main.js" defer></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
index 855a6e5..0396ee7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,25 +10,26 @@
       "dependencies": {
         "bootstrap-icons": "^1.9.1",
         "buffer": "^6.0.3",
-        "dompurify": "^2.3.10",
+        "dompurify": "^2.4.0",
         "mux.js": "^6.2.0",
-        "peerjs": "^1.4.6",
-        "pinia": "^2.0.16",
-        "shaka-player": "^4.1.2",
+        "peerjs": "^1.4.7",
+        "pinia": "^2.0.21",
+        "shaka-player": "^4.2.1",
         "stream-browserify": "^3.0.0",
-        "vue": "^3.2.31",
+        "vue": "^3.2.38",
+        "vue-i18n": "^9.2.2",
         "xml-js": "^1.6.11"
       },
       "devDependencies": {
-        "@vitejs/plugin-vue": "^3.0.1",
-        "prettier": "^2.6.2",
-        "vite": "^3.0.3"
+        "@vitejs/plugin-vue": "^3.0.3",
+        "prettier": "^2.7.1",
+        "vite": "^3.0.9"
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.18.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.9.tgz",
-      "integrity": "sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg==",
+      "version": "7.18.13",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz",
+      "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -47,6 +48,79 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz",
+      "integrity": "sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@intlify/core-base": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.2.2.tgz",
+      "integrity": "sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==",
+      "dependencies": {
+        "@intlify/devtools-if": "9.2.2",
+        "@intlify/message-compiler": "9.2.2",
+        "@intlify/shared": "9.2.2",
+        "@intlify/vue-devtools": "9.2.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@intlify/devtools-if": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-if/-/devtools-if-9.2.2.tgz",
+      "integrity": "sha512-4ttr/FNO29w+kBbU7HZ/U0Lzuh2cRDhP8UlWOtV9ERcjHzuyXVZmjyleESK6eVP60tGC9QtQW9yZE+JeRhDHkg==",
+      "dependencies": {
+        "@intlify/shared": "9.2.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@intlify/message-compiler": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.2.2.tgz",
+      "integrity": "sha512-IUrQW7byAKN2fMBe8z6sK6riG1pue95e5jfokn8hA5Q3Bqy4MBJ5lJAofUsawQJYHeoPJ7svMDyBaVJ4d0GTtA==",
+      "dependencies": {
+        "@intlify/shared": "9.2.2",
+        "source-map": "0.6.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@intlify/shared": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.2.2.tgz",
+      "integrity": "sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q==",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/@intlify/vue-devtools": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/vue-devtools/-/vue-devtools-9.2.2.tgz",
+      "integrity": "sha512-+dUyqyCHWHb/UcvY1MlIpO87munedm3Gn6E9WWYdWrMuYLcoIoOEVDWSS8xSwtlPU+kA+MEQTP6Q1iI/ocusJg==",
+      "dependencies": {
+        "@intlify/core-base": "9.2.2",
+        "@intlify/shared": "9.2.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/@swc/helpers": {
       "version": "0.3.17",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.3.17.tgz",
@@ -56,9 +130,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.0.1.tgz",
-      "integrity": "sha512-Ll9JgxG7ONIz/XZv3dssfoMUDu9qAnlJ+km+pBA0teYSXzwPCIzS/e1bmwNYl5dcQGs677D21amgfYAnzMl17A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.0.3.tgz",
+      "integrity": "sha512-U4zNBlz9mg+TA+i+5QPc3N5lQvdUXENZLO2h0Wdzp56gI1MWhqJOv+6R+d4kOzoaSSq6TnGPBdZAXKOe4lXy6g==",
       "dev": true,
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -69,36 +143,36 @@
       }
     },
     "node_modules/@vue/compiler-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
-      "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.38.tgz",
+      "integrity": "sha512-/FsvnSu7Z+lkd/8KXMa4yYNUiqQrI22135gfsQYVGuh5tqEgOB0XqrUdb/KnCLa5+TmQLPwvyUnKMyCpu+SX3Q==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.37",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "node_modules/@vue/compiler-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
-      "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.38.tgz",
+      "integrity": "sha512-zqX4FgUbw56kzHlgYuEEJR8mefFiiyR3u96498+zWPsLeh1WKvgIReoNE+U7gG8bCUdvsrJ0JRmev0Ky6n2O0g==",
       "dependencies": {
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/compiler-sfc": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
-      "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.38.tgz",
+      "integrity": "sha512-KZjrW32KloMYtTcHAFuw3CqsyWc5X6seb8KbkANSWt3Cz9p2qA8c1GJpSkksFP9ABb6an0FLCFl46ZFXx3kKpg==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/reactivity-transform": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/reactivity-transform": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -106,12 +180,12 @@
       }
     },
     "node_modules/@vue/compiler-ssr": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
-      "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.38.tgz",
+      "integrity": "sha512-bm9jOeyv1H3UskNm4S6IfueKjUNFmi2kRweFIGnqaGkkRePjwEcfCVqyS3roe7HvF4ugsEkhf4+kIvDhip6XzQ==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/devtools-api": {
@@ -120,60 +194,60 @@
       "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
     },
     "node_modules/@vue/reactivity": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
-      "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.38.tgz",
+      "integrity": "sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==",
       "dependencies": {
-        "@vue/shared": "3.2.37"
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/reactivity-transform": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
-      "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.38.tgz",
+      "integrity": "sha512-3SD3Jmi1yXrDwiNJqQ6fs1x61WsDLqVk4NyKVz78mkaIRh6d3IqtRnptgRfXn+Fzf+m6B1KxBYWq1APj6h4qeA==",
       "dependencies": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "node_modules/@vue/runtime-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
-      "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.38.tgz",
+      "integrity": "sha512-kk0qiSiXUU/IKxZw31824rxmFzrLr3TL6ZcbrxWTKivadoKupdlzbQM4SlGo4MU6Zzrqv4fzyUasTU1jDoEnzg==",
       "dependencies": {
-        "@vue/reactivity": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/reactivity": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "node_modules/@vue/runtime-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
-      "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.38.tgz",
+      "integrity": "sha512-4PKAb/ck2TjxdMSzMsnHViOrrwpudk4/A56uZjhzvusoEU9xqa5dygksbzYepdZeB5NqtRw5fRhWIiQlRVK45A==",
       "dependencies": {
-        "@vue/runtime-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/runtime-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "csstype": "^2.6.8"
       }
     },
     "node_modules/@vue/server-renderer": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
-      "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.38.tgz",
+      "integrity": "sha512-pg+JanpbOZ5kEfOZzO2bt02YHd+ELhYP8zPeLU1H0e7lg079NtuuSB8fjLdn58c4Ou8UQ6C1/P+528nXnLPAhA==",
       "dependencies": {
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/shared": "3.2.38"
       },
       "peerDependencies": {
-        "vue": "3.2.37"
+        "vue": "3.2.38"
       }
     },
     "node_modules/@vue/shared": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.38.tgz",
+      "integrity": "sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg=="
     },
     "node_modules/base64-js": {
       "version": "1.5.1",
@@ -233,19 +307,19 @@
       "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
     },
     "node_modules/dompurify": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.3.10.tgz",
-      "integrity": "sha512-o7Fg/AgC7p/XpKjf/+RC3Ok6k4St5F7Q6q6+Nnm3p2zGWioAY6dh0CbbuwOhH2UcSzKsdniE/YnE2/92JcsA+g=="
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.0.tgz",
+      "integrity": "sha512-Be9tbQMZds4a3C6xTmz68NlMfeONA//4dOavl/1rNw50E+/QO0KVpbcU0PcaW0nsQxurXls9ZocqFxk8R2mWEA=="
     },
     "node_modules/eme-encryption-scheme-polyfill": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.1.0.tgz",
-      "integrity": "sha512-vdkP1WyZTBI2LEU+FvbYrjawkz+5fOgSY0qicaWjs/ouVzBKvdbUHfbZ1mLHFOi3l+cdvSq4U6K55mD7J/SEbg=="
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.1.1.tgz",
+      "integrity": "sha512-njD17wcUrbqCj0ArpLu5zWXtaiupHb/2fIUQGdInf83GlI+Q6mmqaPGLdrke4savKAu15J/z1Tg/ivDgl14g0g=="
     },
     "node_modules/esbuild": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.51.tgz",
-      "integrity": "sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.54.tgz",
+      "integrity": "sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==",
       "dev": true,
       "hasInstallScript": true,
       "bin": {
@@ -255,32 +329,33 @@
         "node": ">=12"
       },
       "optionalDependencies": {
-        "esbuild-android-64": "0.14.51",
-        "esbuild-android-arm64": "0.14.51",
-        "esbuild-darwin-64": "0.14.51",
-        "esbuild-darwin-arm64": "0.14.51",
-        "esbuild-freebsd-64": "0.14.51",
-        "esbuild-freebsd-arm64": "0.14.51",
-        "esbuild-linux-32": "0.14.51",
-        "esbuild-linux-64": "0.14.51",
-        "esbuild-linux-arm": "0.14.51",
-        "esbuild-linux-arm64": "0.14.51",
-        "esbuild-linux-mips64le": "0.14.51",
-        "esbuild-linux-ppc64le": "0.14.51",
-        "esbuild-linux-riscv64": "0.14.51",
-        "esbuild-linux-s390x": "0.14.51",
-        "esbuild-netbsd-64": "0.14.51",
-        "esbuild-openbsd-64": "0.14.51",
-        "esbuild-sunos-64": "0.14.51",
-        "esbuild-windows-32": "0.14.51",
-        "esbuild-windows-64": "0.14.51",
-        "esbuild-windows-arm64": "0.14.51"
+        "@esbuild/linux-loong64": "0.14.54",
+        "esbuild-android-64": "0.14.54",
+        "esbuild-android-arm64": "0.14.54",
+        "esbuild-darwin-64": "0.14.54",
+        "esbuild-darwin-arm64": "0.14.54",
+        "esbuild-freebsd-64": "0.14.54",
+        "esbuild-freebsd-arm64": "0.14.54",
+        "esbuild-linux-32": "0.14.54",
+        "esbuild-linux-64": "0.14.54",
+        "esbuild-linux-arm": "0.14.54",
+        "esbuild-linux-arm64": "0.14.54",
+        "esbuild-linux-mips64le": "0.14.54",
+        "esbuild-linux-ppc64le": "0.14.54",
+        "esbuild-linux-riscv64": "0.14.54",
+        "esbuild-linux-s390x": "0.14.54",
+        "esbuild-netbsd-64": "0.14.54",
+        "esbuild-openbsd-64": "0.14.54",
+        "esbuild-sunos-64": "0.14.54",
+        "esbuild-windows-32": "0.14.54",
+        "esbuild-windows-64": "0.14.54",
+        "esbuild-windows-arm64": "0.14.54"
       }
     },
     "node_modules/esbuild-android-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.51.tgz",
-      "integrity": "sha512-6FOuKTHnC86dtrKDmdSj2CkcKF8PnqkaIXqvgydqfJmqBazCPdw+relrMlhGjkvVdiiGV70rpdnyFmA65ekBCQ==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz",
+      "integrity": "sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==",
       "cpu": [
         "x64"
       ],
@@ -294,9 +369,9 @@
       }
     },
     "node_modules/esbuild-android-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.51.tgz",
-      "integrity": "sha512-vBtp//5VVkZWmYYvHsqBRCMMi1MzKuMIn5XDScmnykMTu9+TD9v0NMEDqQxvtFToeYmojdo5UCV2vzMQWJcJ4A==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz",
+      "integrity": "sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==",
       "cpu": [
         "arm64"
       ],
@@ -310,9 +385,9 @@
       }
     },
     "node_modules/esbuild-darwin-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.51.tgz",
-      "integrity": "sha512-YFmXPIOvuagDcwCejMRtCDjgPfnDu+bNeh5FU2Ryi68ADDVlWEpbtpAbrtf/lvFTWPexbgyKgzppNgsmLPr8PA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz",
+      "integrity": "sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==",
       "cpu": [
         "x64"
       ],
@@ -326,9 +401,9 @@
       }
     },
     "node_modules/esbuild-darwin-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.51.tgz",
-      "integrity": "sha512-juYD0QnSKwAMfzwKdIF6YbueXzS6N7y4GXPDeDkApz/1RzlT42mvX9jgNmyOlWKN7YzQAYbcUEJmZJYQGdf2ow==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz",
+      "integrity": "sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==",
       "cpu": [
         "arm64"
       ],
@@ -342,9 +417,9 @@
       }
     },
     "node_modules/esbuild-freebsd-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.51.tgz",
-      "integrity": "sha512-cLEI/aXjb6vo5O2Y8rvVSQ7smgLldwYY5xMxqh/dQGfWO+R1NJOFsiax3IS4Ng300SVp7Gz3czxT6d6qf2cw0g==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz",
+      "integrity": "sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==",
       "cpu": [
         "x64"
       ],
@@ -358,9 +433,9 @@
       }
     },
     "node_modules/esbuild-freebsd-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.51.tgz",
-      "integrity": "sha512-TcWVw/rCL2F+jUgRkgLa3qltd5gzKjIMGhkVybkjk6PJadYInPtgtUBp1/hG+mxyigaT7ib+od1Xb84b+L+1Mg==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz",
+      "integrity": "sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==",
       "cpu": [
         "arm64"
       ],
@@ -374,9 +449,9 @@
       }
     },
     "node_modules/esbuild-linux-32": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.51.tgz",
-      "integrity": "sha512-RFqpyC5ChyWrjx8Xj2K0EC1aN0A37H6OJfmUXIASEqJoHcntuV3j2Efr9RNmUhMfNE6yEj2VpYuDteZLGDMr0w==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz",
+      "integrity": "sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==",
       "cpu": [
         "ia32"
       ],
@@ -390,9 +465,9 @@
       }
     },
     "node_modules/esbuild-linux-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.51.tgz",
-      "integrity": "sha512-dxjhrqo5i7Rq6DXwz5v+MEHVs9VNFItJmHBe1CxROWNf4miOGoQhqSG8StStbDkQ1Mtobg6ng+4fwByOhoQoeA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz",
+      "integrity": "sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==",
       "cpu": [
         "x64"
       ],
@@ -406,9 +481,9 @@
       }
     },
     "node_modules/esbuild-linux-arm": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.51.tgz",
-      "integrity": "sha512-LsJynDxYF6Neg7ZC7748yweCDD+N8ByCv22/7IAZglIEniEkqdF4HCaa49JNDLw1UQGlYuhOB8ZT/MmcSWzcWg==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz",
+      "integrity": "sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==",
       "cpu": [
         "arm"
       ],
@@ -422,9 +497,9 @@
       }
     },
     "node_modules/esbuild-linux-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.51.tgz",
-      "integrity": "sha512-D9rFxGutoqQX3xJPxqd6o+kvYKeIbM0ifW2y0bgKk5HPgQQOo2k9/2Vpto3ybGYaFPCE5qTGtqQta9PoP6ZEzw==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz",
+      "integrity": "sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==",
       "cpu": [
         "arm64"
       ],
@@ -438,9 +513,9 @@
       }
     },
     "node_modules/esbuild-linux-mips64le": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.51.tgz",
-      "integrity": "sha512-vS54wQjy4IinLSlb5EIlLoln8buh1yDgliP4CuEHumrPk4PvvP4kTRIG4SzMXm6t19N0rIfT4bNdAxzJLg2k6A==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz",
+      "integrity": "sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==",
       "cpu": [
         "mips64el"
       ],
@@ -454,9 +529,9 @@
       }
     },
     "node_modules/esbuild-linux-ppc64le": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.51.tgz",
-      "integrity": "sha512-xcdd62Y3VfGoyphNP/aIV9LP+RzFw5M5Z7ja+zdpQHHvokJM7d0rlDRMN+iSSwvUymQkqZO+G/xjb4/75du8BQ==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz",
+      "integrity": "sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==",
       "cpu": [
         "ppc64"
       ],
@@ -470,9 +545,9 @@
       }
     },
     "node_modules/esbuild-linux-riscv64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.51.tgz",
-      "integrity": "sha512-syXHGak9wkAnFz0gMmRBoy44JV0rp4kVCEA36P5MCeZcxFq8+fllBC2t6sKI23w3qd8Vwo9pTADCgjTSf3L3rA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz",
+      "integrity": "sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==",
       "cpu": [
         "riscv64"
       ],
@@ -486,9 +561,9 @@
       }
     },
     "node_modules/esbuild-linux-s390x": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.51.tgz",
-      "integrity": "sha512-kFAJY3dv+Wq8o28K/C7xkZk/X34rgTwhknSsElIqoEo8armCOjMJ6NsMxm48KaWY2h2RUYGtQmr+RGuUPKBhyw==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz",
+      "integrity": "sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==",
       "cpu": [
         "s390x"
       ],
@@ -502,9 +577,9 @@
       }
     },
     "node_modules/esbuild-netbsd-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.51.tgz",
-      "integrity": "sha512-ZZBI7qrR1FevdPBVHz/1GSk1x5GDL/iy42Zy8+neEm/HA7ma+hH/bwPEjeHXKWUDvM36CZpSL/fn1/y9/Hb+1A==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz",
+      "integrity": "sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==",
       "cpu": [
         "x64"
       ],
@@ -518,9 +593,9 @@
       }
     },
     "node_modules/esbuild-openbsd-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.51.tgz",
-      "integrity": "sha512-7R1/p39M+LSVQVgDVlcY1KKm6kFKjERSX1lipMG51NPcspJD1tmiZSmmBXoY5jhHIu6JL1QkFDTx94gMYK6vfA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz",
+      "integrity": "sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==",
       "cpu": [
         "x64"
       ],
@@ -534,9 +609,9 @@
       }
     },
     "node_modules/esbuild-sunos-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.51.tgz",
-      "integrity": "sha512-HoHaCswHxLEYN8eBTtyO0bFEWvA3Kdb++hSQ/lLG7TyKF69TeSG0RNoBRAs45x/oCeWaTDntEZlYwAfQlhEtJA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz",
+      "integrity": "sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==",
       "cpu": [
         "x64"
       ],
@@ -550,9 +625,9 @@
       }
     },
     "node_modules/esbuild-windows-32": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.51.tgz",
-      "integrity": "sha512-4rtwSAM35A07CBt1/X8RWieDj3ZUHQqUOaEo5ZBs69rt5WAFjP4aqCIobdqOy4FdhYw1yF8Z0xFBTyc9lgPtEg==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz",
+      "integrity": "sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==",
       "cpu": [
         "ia32"
       ],
@@ -566,9 +641,9 @@
       }
     },
     "node_modules/esbuild-windows-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.51.tgz",
-      "integrity": "sha512-HoN/5HGRXJpWODprGCgKbdMvrC3A2gqvzewu2eECRw2sYxOUoh2TV1tS+G7bHNapPGI79woQJGV6pFH7GH7qnA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz",
+      "integrity": "sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==",
       "cpu": [
         "x64"
       ],
@@ -582,9 +657,9 @@
       }
     },
     "node_modules/esbuild-windows-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.51.tgz",
-      "integrity": "sha512-JQDqPjuOH7o+BsKMSddMfmVJXrnYZxXDHsoLHc0xgmAZkOOCflRmC43q31pk79F9xuyWY45jDBPolb5ZgGOf9g==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz",
+      "integrity": "sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==",
       "cpu": [
         "arm64"
       ],
@@ -673,9 +748,9 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "node_modules/is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
       "dev": true,
       "dependencies": {
         "has": "^1.0.3"
@@ -734,9 +809,9 @@
       "dev": true
     },
     "node_modules/peerjs": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/peerjs/-/peerjs-1.4.6.tgz",
-      "integrity": "sha512-0XA105/9yBFGxfpyCjlI1bcBiyPmXHs8+UDvO2j1WGnY+FXilMn35+P/3t8HzKnUnR1SX0PRkDSk8kM17ciNxA==",
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/peerjs/-/peerjs-1.4.7.tgz",
+      "integrity": "sha512-dWE2HIGvJO0Hm8lYHJiO/5OWl8xYtGcAuU08To1HMIfhh76ULzkCS3NIQO/PZm4noO1RhaGTkQaQ6sbAss6/Tg==",
       "dependencies": {
         "@swc/helpers": "^0.3.13",
         "eventemitter3": "^4.0.7",
@@ -762,9 +837,9 @@
       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
     },
     "node_modules/pinia": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.17.tgz",
-      "integrity": "sha512-AtwLwEWQgIjofjgeFT+nxbnK5lT2QwQjaHNEDqpsi2AiCwf/NY78uWTeHUyEhiiJy8+sBmw0ujgQMoQbWiZDfA==",
+      "version": "2.0.21",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.21.tgz",
+      "integrity": "sha512-6ol04PtL29O0Z6JHI47O3JUSoyOJ7Og0rstXrHVMZSP4zAldsQBXJCNF0i/H7m8vp/Hjd/CSmuPl7C5QAwpeWQ==",
       "dependencies": {
         "@vue/devtools-api": "^6.2.1",
         "vue-demi": "*"
@@ -787,9 +862,9 @@
       }
     },
     "node_modules/pinia/node_modules/vue-demi": {
-      "version": "0.13.6",
-      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-      "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
+      "version": "0.13.11",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+      "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
       "hasInstallScript": true,
       "bin": {
         "vue-demi-fix": "bin/vue-demi-fix.js",
@@ -812,9 +887,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
-      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
       "funding": [
         {
           "type": "opencollective",
@@ -857,6 +932,19 @@
         "node": ">= 0.6.0"
       }
     },
+    "node_modules/readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "dependencies": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/regenerator-runtime": {
       "version": "0.13.9",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
@@ -880,9 +968,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "2.77.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.77.2.tgz",
-      "integrity": "sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==",
+      "version": "2.77.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.77.3.tgz",
+      "integrity": "sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -936,11 +1024,11 @@
       "integrity": "sha512-jhXqQAQVM+8Xj5EjJGVweuEzgtGWb3tmEEpl3CLP3cStInSbVHSg0QWOGQzNq8pSID4JkpeV2mPqlMDLrm0/Vw=="
     },
     "node_modules/shaka-player": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-4.1.2.tgz",
-      "integrity": "sha512-rTj+YMSyO+kbstll3P+8qYxrsaZBDsQlz5xVz1D4A66yJvv9ZqhDFDiEhL6iII5V7BFNA+dOdsR8yKuYHWi8NQ==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-4.2.1.tgz",
+      "integrity": "sha512-CCgvXpb+7eUpNXx/MKsqkpaWAlsDnTKvvKxAy1tNQEE6JxgVzQ6Ye5yOq3IvC/fo+6PgSXczm9z7tiz/HUL68Q==",
       "dependencies": {
-        "eme-encryption-scheme-polyfill": "^2.0.5"
+        "eme-encryption-scheme-polyfill": "^2.1.1"
       },
       "engines": {
         "node": ">=14"
@@ -976,19 +1064,6 @@
         "readable-stream": "^3.5.0"
       }
     },
-    "node_modules/stream-browserify/node_modules/readable-stream": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-      "dependencies": {
-        "inherits": "^2.0.3",
-        "string_decoder": "^1.1.1",
-        "util-deprecate": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -1020,15 +1095,15 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "node_modules/vite": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.4.tgz",
-      "integrity": "sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==",
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.9.tgz",
+      "integrity": "sha512-waYABTM+G6DBTCpYAxvevpG50UOlZuynR0ckTK5PawNVt7ebX6X7wNXHaGIO6wYYFXSM7/WcuFuO2QzhBB6aMw==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.14.47",
-        "postcss": "^8.4.14",
+        "postcss": "^8.4.16",
         "resolve": "^1.22.1",
-        "rollup": "^2.75.6"
+        "rollup": ">=2.75.6 <2.77.0 || ~2.77.0"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -1061,15 +1136,32 @@
       }
     },
     "node_modules/vue": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
-      "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.38.tgz",
+      "integrity": "sha512-hHrScEFSmDAWL0cwO4B6WO7D3sALZPbfuThDsGBebthrNlDxdJZpGR3WB87VbjpPh96mep1+KzukYEhpHDFa8Q==",
       "dependencies": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-sfc": "3.2.37",
-        "@vue/runtime-dom": "3.2.37",
-        "@vue/server-renderer": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-sfc": "3.2.38",
+        "@vue/runtime-dom": "3.2.38",
+        "@vue/server-renderer": "3.2.38",
+        "@vue/shared": "3.2.38"
+      }
+    },
+    "node_modules/vue-i18n": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz",
+      "integrity": "sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==",
+      "dependencies": {
+        "@intlify/core-base": "9.2.2",
+        "@intlify/shared": "9.2.2",
+        "@intlify/vue-devtools": "9.2.2",
+        "@vue/devtools-api": "^6.2.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.0"
       }
     },
     "node_modules/webrtc-adapter": {
@@ -1099,9 +1191,9 @@
   },
   "dependencies": {
     "@babel/parser": {
-      "version": "7.18.9",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.9.tgz",
-      "integrity": "sha512-9uJveS9eY9DJ0t64YbIBZICtJy8a5QrDEVdiLCG97fVLpDTpGX7t8mMSb6OWw6Lrnjqj4O8zwjELX3dhoMgiBg=="
+      "version": "7.18.13",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.13.tgz",
+      "integrity": "sha512-dgXcIfMuQ0kgzLB2b9tRZs7TTFFaGM2AbtA4fJgUUYukzGH4jwsS7hzQHEGs67jdehpm22vkgKwvbU+aEflgwg=="
     },
     "@babel/runtime": {
       "version": "7.18.9",
@@ -1111,6 +1203,55 @@
         "regenerator-runtime": "^0.13.4"
       }
     },
+    "@esbuild/linux-loong64": {
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.14.54.tgz",
+      "integrity": "sha512-bZBrLAIX1kpWelV0XemxBZllyRmM6vgFQQG2GdNb+r3Fkp0FOh1NJSvekXDs7jq70k4euu1cryLMfU+mTXlEpw==",
+      "dev": true,
+      "optional": true
+    },
+    "@intlify/core-base": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.2.2.tgz",
+      "integrity": "sha512-JjUpQtNfn+joMbrXvpR4hTF8iJQ2sEFzzK3KIESOx+f+uwIjgw20igOyaIdhfsVVBCds8ZM64MoeNSx+PHQMkA==",
+      "requires": {
+        "@intlify/devtools-if": "9.2.2",
+        "@intlify/message-compiler": "9.2.2",
+        "@intlify/shared": "9.2.2",
+        "@intlify/vue-devtools": "9.2.2"
+      }
+    },
+    "@intlify/devtools-if": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/devtools-if/-/devtools-if-9.2.2.tgz",
+      "integrity": "sha512-4ttr/FNO29w+kBbU7HZ/U0Lzuh2cRDhP8UlWOtV9ERcjHzuyXVZmjyleESK6eVP60tGC9QtQW9yZE+JeRhDHkg==",
+      "requires": {
+        "@intlify/shared": "9.2.2"
+      }
+    },
+    "@intlify/message-compiler": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.2.2.tgz",
+      "integrity": "sha512-IUrQW7byAKN2fMBe8z6sK6riG1pue95e5jfokn8hA5Q3Bqy4MBJ5lJAofUsawQJYHeoPJ7svMDyBaVJ4d0GTtA==",
+      "requires": {
+        "@intlify/shared": "9.2.2",
+        "source-map": "0.6.1"
+      }
+    },
+    "@intlify/shared": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.2.2.tgz",
+      "integrity": "sha512-wRwTpsslgZS5HNyM7uDQYZtxnbI12aGiBZURX3BTR9RFIKKRWpllTsgzHWvj3HKm3Y2Sh5LPC1r0PDCKEhVn9Q=="
+    },
+    "@intlify/vue-devtools": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/@intlify/vue-devtools/-/vue-devtools-9.2.2.tgz",
+      "integrity": "sha512-+dUyqyCHWHb/UcvY1MlIpO87munedm3Gn6E9WWYdWrMuYLcoIoOEVDWSS8xSwtlPU+kA+MEQTP6Q1iI/ocusJg==",
+      "requires": {
+        "@intlify/core-base": "9.2.2",
+        "@intlify/shared": "9.2.2"
+      }
+    },
     "@swc/helpers": {
       "version": "0.3.17",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.3.17.tgz",
@@ -1120,43 +1261,43 @@
       }
     },
     "@vitejs/plugin-vue": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.0.1.tgz",
-      "integrity": "sha512-Ll9JgxG7ONIz/XZv3dssfoMUDu9qAnlJ+km+pBA0teYSXzwPCIzS/e1bmwNYl5dcQGs677D21amgfYAnzMl17A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-3.0.3.tgz",
+      "integrity": "sha512-U4zNBlz9mg+TA+i+5QPc3N5lQvdUXENZLO2h0Wdzp56gI1MWhqJOv+6R+d4kOzoaSSq6TnGPBdZAXKOe4lXy6g==",
       "dev": true,
       "requires": {}
     },
     "@vue/compiler-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
-      "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.38.tgz",
+      "integrity": "sha512-/FsvnSu7Z+lkd/8KXMa4yYNUiqQrI22135gfsQYVGuh5tqEgOB0XqrUdb/KnCLa5+TmQLPwvyUnKMyCpu+SX3Q==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/shared": "3.2.37",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "source-map": "^0.6.1"
       }
     },
     "@vue/compiler-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
-      "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.38.tgz",
+      "integrity": "sha512-zqX4FgUbw56kzHlgYuEEJR8mefFiiyR3u96498+zWPsLeh1WKvgIReoNE+U7gG8bCUdvsrJ0JRmev0Ky6n2O0g==",
       "requires": {
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/compiler-sfc": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.37.tgz",
-      "integrity": "sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.2.38.tgz",
+      "integrity": "sha512-KZjrW32KloMYtTcHAFuw3CqsyWc5X6seb8KbkANSWt3Cz9p2qA8c1GJpSkksFP9ABb6an0FLCFl46ZFXx3kKpg==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/reactivity-transform": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/reactivity-transform": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7",
         "postcss": "^8.1.10",
@@ -1164,12 +1305,12 @@
       }
     },
     "@vue/compiler-ssr": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
-      "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.38.tgz",
+      "integrity": "sha512-bm9jOeyv1H3UskNm4S6IfueKjUNFmi2kRweFIGnqaGkkRePjwEcfCVqyS3roe7HvF4ugsEkhf4+kIvDhip6XzQ==",
       "requires": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/devtools-api": {
@@ -1178,57 +1319,57 @@
       "integrity": "sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ=="
     },
     "@vue/reactivity": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
-      "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.38.tgz",
+      "integrity": "sha512-6L4myYcH9HG2M25co7/BSo0skKFHpAN8PhkNPM4xRVkyGl1K5M3Jx4rp5bsYhvYze2K4+l+pioN4e6ZwFLUVtw==",
       "requires": {
-        "@vue/shared": "3.2.37"
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/reactivity-transform": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
-      "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.38.tgz",
+      "integrity": "sha512-3SD3Jmi1yXrDwiNJqQ6fs1x61WsDLqVk4NyKVz78mkaIRh6d3IqtRnptgRfXn+Fzf+m6B1KxBYWq1APj6h4qeA==",
       "requires": {
         "@babel/parser": "^7.16.4",
-        "@vue/compiler-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/compiler-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "estree-walker": "^2.0.2",
         "magic-string": "^0.25.7"
       }
     },
     "@vue/runtime-core": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
-      "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.38.tgz",
+      "integrity": "sha512-kk0qiSiXUU/IKxZw31824rxmFzrLr3TL6ZcbrxWTKivadoKupdlzbQM4SlGo4MU6Zzrqv4fzyUasTU1jDoEnzg==",
       "requires": {
-        "@vue/reactivity": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/reactivity": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/runtime-dom": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
-      "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.38.tgz",
+      "integrity": "sha512-4PKAb/ck2TjxdMSzMsnHViOrrwpudk4/A56uZjhzvusoEU9xqa5dygksbzYepdZeB5NqtRw5fRhWIiQlRVK45A==",
       "requires": {
-        "@vue/runtime-core": "3.2.37",
-        "@vue/shared": "3.2.37",
+        "@vue/runtime-core": "3.2.38",
+        "@vue/shared": "3.2.38",
         "csstype": "^2.6.8"
       }
     },
     "@vue/server-renderer": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.37.tgz",
-      "integrity": "sha512-kLITEJvaYgZQ2h47hIzPh2K3jG8c1zCVbp/o/bzQOyvzaKiCquKS7AaioPI28GNxIsE/zSx+EwWYsNxDCX95MA==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.2.38.tgz",
+      "integrity": "sha512-pg+JanpbOZ5kEfOZzO2bt02YHd+ELhYP8zPeLU1H0e7lg079NtuuSB8fjLdn58c4Ou8UQ6C1/P+528nXnLPAhA==",
       "requires": {
-        "@vue/compiler-ssr": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-ssr": "3.2.38",
+        "@vue/shared": "3.2.38"
       }
     },
     "@vue/shared": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.38.tgz",
+      "integrity": "sha512-dTyhTIRmGXBjxJE+skC8tTWCGLCVc4wQgRRLt8+O9p5ewBAjoBwtCAkLPrtToSr1xltoe3st21Pv953aOZ7alg=="
     },
     "base64-js": {
       "version": "1.5.1",
@@ -1260,180 +1401,181 @@
       "integrity": "sha512-6QvTW9mrGeIegrFXdtQi9pk7O/nSK6lSdXW2eqUspN5LWD7UTji2Fqw5V2YLjBpHEoU9Xl/eUWNpDeZvoyOv2w=="
     },
     "dompurify": {
-      "version": "2.3.10",
-      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.3.10.tgz",
-      "integrity": "sha512-o7Fg/AgC7p/XpKjf/+RC3Ok6k4St5F7Q6q6+Nnm3p2zGWioAY6dh0CbbuwOhH2UcSzKsdniE/YnE2/92JcsA+g=="
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-2.4.0.tgz",
+      "integrity": "sha512-Be9tbQMZds4a3C6xTmz68NlMfeONA//4dOavl/1rNw50E+/QO0KVpbcU0PcaW0nsQxurXls9ZocqFxk8R2mWEA=="
     },
     "eme-encryption-scheme-polyfill": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.1.0.tgz",
-      "integrity": "sha512-vdkP1WyZTBI2LEU+FvbYrjawkz+5fOgSY0qicaWjs/ouVzBKvdbUHfbZ1mLHFOi3l+cdvSq4U6K55mD7J/SEbg=="
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.1.1.tgz",
+      "integrity": "sha512-njD17wcUrbqCj0ArpLu5zWXtaiupHb/2fIUQGdInf83GlI+Q6mmqaPGLdrke4savKAu15J/z1Tg/ivDgl14g0g=="
     },
     "esbuild": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.51.tgz",
-      "integrity": "sha512-+CvnDitD7Q5sT7F+FM65sWkF8wJRf+j9fPcprxYV4j+ohmzVj2W7caUqH2s5kCaCJAfcAICjSlKhDCcvDpU7nw==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.14.54.tgz",
+      "integrity": "sha512-Cy9llcy8DvET5uznocPyqL3BFRrFXSVqbgpMJ9Wz8oVjZlh/zUSNbPRbov0VX7VxN2JH1Oa0uNxZ7eLRb62pJA==",
       "dev": true,
       "requires": {
-        "esbuild-android-64": "0.14.51",
-        "esbuild-android-arm64": "0.14.51",
-        "esbuild-darwin-64": "0.14.51",
-        "esbuild-darwin-arm64": "0.14.51",
-        "esbuild-freebsd-64": "0.14.51",
-        "esbuild-freebsd-arm64": "0.14.51",
-        "esbuild-linux-32": "0.14.51",
-        "esbuild-linux-64": "0.14.51",
-        "esbuild-linux-arm": "0.14.51",
-        "esbuild-linux-arm64": "0.14.51",
-        "esbuild-linux-mips64le": "0.14.51",
-        "esbuild-linux-ppc64le": "0.14.51",
-        "esbuild-linux-riscv64": "0.14.51",
-        "esbuild-linux-s390x": "0.14.51",
-        "esbuild-netbsd-64": "0.14.51",
-        "esbuild-openbsd-64": "0.14.51",
-        "esbuild-sunos-64": "0.14.51",
-        "esbuild-windows-32": "0.14.51",
-        "esbuild-windows-64": "0.14.51",
-        "esbuild-windows-arm64": "0.14.51"
+        "@esbuild/linux-loong64": "0.14.54",
+        "esbuild-android-64": "0.14.54",
+        "esbuild-android-arm64": "0.14.54",
+        "esbuild-darwin-64": "0.14.54",
+        "esbuild-darwin-arm64": "0.14.54",
+        "esbuild-freebsd-64": "0.14.54",
+        "esbuild-freebsd-arm64": "0.14.54",
+        "esbuild-linux-32": "0.14.54",
+        "esbuild-linux-64": "0.14.54",
+        "esbuild-linux-arm": "0.14.54",
+        "esbuild-linux-arm64": "0.14.54",
+        "esbuild-linux-mips64le": "0.14.54",
+        "esbuild-linux-ppc64le": "0.14.54",
+        "esbuild-linux-riscv64": "0.14.54",
+        "esbuild-linux-s390x": "0.14.54",
+        "esbuild-netbsd-64": "0.14.54",
+        "esbuild-openbsd-64": "0.14.54",
+        "esbuild-sunos-64": "0.14.54",
+        "esbuild-windows-32": "0.14.54",
+        "esbuild-windows-64": "0.14.54",
+        "esbuild-windows-arm64": "0.14.54"
       }
     },
     "esbuild-android-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.51.tgz",
-      "integrity": "sha512-6FOuKTHnC86dtrKDmdSj2CkcKF8PnqkaIXqvgydqfJmqBazCPdw+relrMlhGjkvVdiiGV70rpdnyFmA65ekBCQ==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-android-64/-/esbuild-android-64-0.14.54.tgz",
+      "integrity": "sha512-Tz2++Aqqz0rJ7kYBfz+iqyE3QMycD4vk7LBRyWaAVFgFtQ/O8EJOnVmTOiDWYZ/uYzB4kvP+bqejYdVKzE5lAQ==",
       "dev": true,
       "optional": true
     },
     "esbuild-android-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.51.tgz",
-      "integrity": "sha512-vBtp//5VVkZWmYYvHsqBRCMMi1MzKuMIn5XDScmnykMTu9+TD9v0NMEDqQxvtFToeYmojdo5UCV2vzMQWJcJ4A==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-android-arm64/-/esbuild-android-arm64-0.14.54.tgz",
+      "integrity": "sha512-F9E+/QDi9sSkLaClO8SOV6etqPd+5DgJje1F9lOWoNncDdOBL2YF59IhsWATSt0TLZbYCf3pNlTHvVV5VfHdvg==",
       "dev": true,
       "optional": true
     },
     "esbuild-darwin-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.51.tgz",
-      "integrity": "sha512-YFmXPIOvuagDcwCejMRtCDjgPfnDu+bNeh5FU2Ryi68ADDVlWEpbtpAbrtf/lvFTWPexbgyKgzppNgsmLPr8PA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-64/-/esbuild-darwin-64-0.14.54.tgz",
+      "integrity": "sha512-jtdKWV3nBviOd5v4hOpkVmpxsBy90CGzebpbO9beiqUYVMBtSc0AL9zGftFuBon7PNDcdvNCEuQqw2x0wP9yug==",
       "dev": true,
       "optional": true
     },
     "esbuild-darwin-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.51.tgz",
-      "integrity": "sha512-juYD0QnSKwAMfzwKdIF6YbueXzS6N7y4GXPDeDkApz/1RzlT42mvX9jgNmyOlWKN7YzQAYbcUEJmZJYQGdf2ow==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-darwin-arm64/-/esbuild-darwin-arm64-0.14.54.tgz",
+      "integrity": "sha512-OPafJHD2oUPyvJMrsCvDGkRrVCar5aVyHfWGQzY1dWnzErjrDuSETxwA2HSsyg2jORLY8yBfzc1MIpUkXlctmw==",
       "dev": true,
       "optional": true
     },
     "esbuild-freebsd-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.51.tgz",
-      "integrity": "sha512-cLEI/aXjb6vo5O2Y8rvVSQ7smgLldwYY5xMxqh/dQGfWO+R1NJOFsiax3IS4Ng300SVp7Gz3czxT6d6qf2cw0g==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-64/-/esbuild-freebsd-64-0.14.54.tgz",
+      "integrity": "sha512-OKwd4gmwHqOTp4mOGZKe/XUlbDJ4Q9TjX0hMPIDBUWWu/kwhBAudJdBoxnjNf9ocIB6GN6CPowYpR/hRCbSYAg==",
       "dev": true,
       "optional": true
     },
     "esbuild-freebsd-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.51.tgz",
-      "integrity": "sha512-TcWVw/rCL2F+jUgRkgLa3qltd5gzKjIMGhkVybkjk6PJadYInPtgtUBp1/hG+mxyigaT7ib+od1Xb84b+L+1Mg==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-freebsd-arm64/-/esbuild-freebsd-arm64-0.14.54.tgz",
+      "integrity": "sha512-sFwueGr7OvIFiQT6WeG0jRLjkjdqWWSrfbVwZp8iMP+8UHEHRBvlaxL6IuKNDwAozNUmbb8nIMXa7oAOARGs1Q==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-32": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.51.tgz",
-      "integrity": "sha512-RFqpyC5ChyWrjx8Xj2K0EC1aN0A37H6OJfmUXIASEqJoHcntuV3j2Efr9RNmUhMfNE6yEj2VpYuDteZLGDMr0w==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-32/-/esbuild-linux-32-0.14.54.tgz",
+      "integrity": "sha512-1ZuY+JDI//WmklKlBgJnglpUL1owm2OX+8E1syCD6UAxcMM/XoWd76OHSjl/0MR0LisSAXDqgjT3uJqT67O3qw==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.51.tgz",
-      "integrity": "sha512-dxjhrqo5i7Rq6DXwz5v+MEHVs9VNFItJmHBe1CxROWNf4miOGoQhqSG8StStbDkQ1Mtobg6ng+4fwByOhoQoeA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-64/-/esbuild-linux-64-0.14.54.tgz",
+      "integrity": "sha512-EgjAgH5HwTbtNsTqQOXWApBaPVdDn7XcK+/PtJwZLT1UmpLoznPd8c5CxqsH2dQK3j05YsB3L17T8vE7cp4cCg==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-arm": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.51.tgz",
-      "integrity": "sha512-LsJynDxYF6Neg7ZC7748yweCDD+N8ByCv22/7IAZglIEniEkqdF4HCaa49JNDLw1UQGlYuhOB8ZT/MmcSWzcWg==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm/-/esbuild-linux-arm-0.14.54.tgz",
+      "integrity": "sha512-qqz/SjemQhVMTnvcLGoLOdFpCYbz4v4fUo+TfsWG+1aOu70/80RV6bgNpR2JCrppV2moUQkww+6bWxXRL9YMGw==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.51.tgz",
-      "integrity": "sha512-D9rFxGutoqQX3xJPxqd6o+kvYKeIbM0ifW2y0bgKk5HPgQQOo2k9/2Vpto3ybGYaFPCE5qTGtqQta9PoP6ZEzw==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-arm64/-/esbuild-linux-arm64-0.14.54.tgz",
+      "integrity": "sha512-WL71L+0Rwv+Gv/HTmxTEmpv0UgmxYa5ftZILVi2QmZBgX3q7+tDeOQNqGtdXSdsL8TQi1vIaVFHUPDe0O0kdig==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-mips64le": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.51.tgz",
-      "integrity": "sha512-vS54wQjy4IinLSlb5EIlLoln8buh1yDgliP4CuEHumrPk4PvvP4kTRIG4SzMXm6t19N0rIfT4bNdAxzJLg2k6A==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-mips64le/-/esbuild-linux-mips64le-0.14.54.tgz",
+      "integrity": "sha512-qTHGQB8D1etd0u1+sB6p0ikLKRVuCWhYQhAHRPkO+OF3I/iSlTKNNS0Lh2Oc0g0UFGguaFZZiPJdJey3AGpAlw==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-ppc64le": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.51.tgz",
-      "integrity": "sha512-xcdd62Y3VfGoyphNP/aIV9LP+RzFw5M5Z7ja+zdpQHHvokJM7d0rlDRMN+iSSwvUymQkqZO+G/xjb4/75du8BQ==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-ppc64le/-/esbuild-linux-ppc64le-0.14.54.tgz",
+      "integrity": "sha512-j3OMlzHiqwZBDPRCDFKcx595XVfOfOnv68Ax3U4UKZ3MTYQB5Yz3X1mn5GnodEVYzhtZgxEBidLWeIs8FDSfrQ==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-riscv64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.51.tgz",
-      "integrity": "sha512-syXHGak9wkAnFz0gMmRBoy44JV0rp4kVCEA36P5MCeZcxFq8+fllBC2t6sKI23w3qd8Vwo9pTADCgjTSf3L3rA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-riscv64/-/esbuild-linux-riscv64-0.14.54.tgz",
+      "integrity": "sha512-y7Vt7Wl9dkOGZjxQZnDAqqn+XOqFD7IMWiewY5SPlNlzMX39ocPQlOaoxvT4FllA5viyV26/QzHtvTjVNOxHZg==",
       "dev": true,
       "optional": true
     },
     "esbuild-linux-s390x": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.51.tgz",
-      "integrity": "sha512-kFAJY3dv+Wq8o28K/C7xkZk/X34rgTwhknSsElIqoEo8armCOjMJ6NsMxm48KaWY2h2RUYGtQmr+RGuUPKBhyw==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-linux-s390x/-/esbuild-linux-s390x-0.14.54.tgz",
+      "integrity": "sha512-zaHpW9dziAsi7lRcyV4r8dhfG1qBidQWUXweUjnw+lliChJqQr+6XD71K41oEIC3Mx1KStovEmlzm+MkGZHnHA==",
       "dev": true,
       "optional": true
     },
     "esbuild-netbsd-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.51.tgz",
-      "integrity": "sha512-ZZBI7qrR1FevdPBVHz/1GSk1x5GDL/iy42Zy8+neEm/HA7ma+hH/bwPEjeHXKWUDvM36CZpSL/fn1/y9/Hb+1A==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-netbsd-64/-/esbuild-netbsd-64-0.14.54.tgz",
+      "integrity": "sha512-PR01lmIMnfJTgeU9VJTDY9ZerDWVFIUzAtJuDHwwceppW7cQWjBBqP48NdeRtoP04/AtO9a7w3viI+PIDr6d+w==",
       "dev": true,
       "optional": true
     },
     "esbuild-openbsd-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.51.tgz",
-      "integrity": "sha512-7R1/p39M+LSVQVgDVlcY1KKm6kFKjERSX1lipMG51NPcspJD1tmiZSmmBXoY5jhHIu6JL1QkFDTx94gMYK6vfA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-openbsd-64/-/esbuild-openbsd-64-0.14.54.tgz",
+      "integrity": "sha512-Qyk7ikT2o7Wu76UsvvDS5q0amJvmRzDyVlL0qf5VLsLchjCa1+IAvd8kTBgUxD7VBUUVgItLkk609ZHUc1oCaw==",
       "dev": true,
       "optional": true
     },
     "esbuild-sunos-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.51.tgz",
-      "integrity": "sha512-HoHaCswHxLEYN8eBTtyO0bFEWvA3Kdb++hSQ/lLG7TyKF69TeSG0RNoBRAs45x/oCeWaTDntEZlYwAfQlhEtJA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-sunos-64/-/esbuild-sunos-64-0.14.54.tgz",
+      "integrity": "sha512-28GZ24KmMSeKi5ueWzMcco6EBHStL3B6ubM7M51RmPwXQGLe0teBGJocmWhgwccA1GeFXqxzILIxXpHbl9Q/Kw==",
       "dev": true,
       "optional": true
     },
     "esbuild-windows-32": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.51.tgz",
-      "integrity": "sha512-4rtwSAM35A07CBt1/X8RWieDj3ZUHQqUOaEo5ZBs69rt5WAFjP4aqCIobdqOy4FdhYw1yF8Z0xFBTyc9lgPtEg==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-32/-/esbuild-windows-32-0.14.54.tgz",
+      "integrity": "sha512-T+rdZW19ql9MjS7pixmZYVObd9G7kcaZo+sETqNH4RCkuuYSuv9AGHUVnPoP9hhuE1WM1ZimHz1CIBHBboLU7w==",
       "dev": true,
       "optional": true
     },
     "esbuild-windows-64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.51.tgz",
-      "integrity": "sha512-HoN/5HGRXJpWODprGCgKbdMvrC3A2gqvzewu2eECRw2sYxOUoh2TV1tS+G7bHNapPGI79woQJGV6pFH7GH7qnA==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-64/-/esbuild-windows-64-0.14.54.tgz",
+      "integrity": "sha512-AoHTRBUuYwXtZhjXZbA1pGfTo8cJo3vZIcWGLiUcTNgHpJJMC1rVA44ZereBHMJtotyN71S8Qw0npiCIkW96cQ==",
       "dev": true,
       "optional": true
     },
     "esbuild-windows-arm64": {
-      "version": "0.14.51",
-      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.51.tgz",
-      "integrity": "sha512-JQDqPjuOH7o+BsKMSddMfmVJXrnYZxXDHsoLHc0xgmAZkOOCflRmC43q31pk79F9xuyWY45jDBPolb5ZgGOf9g==",
+      "version": "0.14.54",
+      "resolved": "https://registry.npmjs.org/esbuild-windows-arm64/-/esbuild-windows-arm64-0.14.54.tgz",
+      "integrity": "sha512-M0kuUvXhot1zOISQGXwWn6YtS+Y/1RT9WrVIOywZnJHo3jCDyewAc79aKNQWFCQm+xNHVTq9h8dZKvygoXQQRg==",
       "dev": true,
       "optional": true
     },
@@ -1489,9 +1631,9 @@
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
     "is-core-module": {
-      "version": "2.9.0",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.9.0.tgz",
-      "integrity": "sha512-+5FPy5PnwmO3lvfMb0AsoPaBG+5KHUI0wYFXOtYPnVVVspTFUuMZNfNaNVRt3FZadstu2c8x23vykRW/NBoU6A==",
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.10.0.tgz",
+      "integrity": "sha512-Erxj2n/LDAZ7H8WNJXd9tw38GYM3dv8rk8Zcs+jJuxYTW7sozH+SS8NtrSjVL1/vpLvWi1hxy96IzjJ3EHTJJg==",
       "dev": true,
       "requires": {
         "has": "^1.0.3"
@@ -1534,9 +1676,9 @@
       "dev": true
     },
     "peerjs": {
-      "version": "1.4.6",
-      "resolved": "https://registry.npmjs.org/peerjs/-/peerjs-1.4.6.tgz",
-      "integrity": "sha512-0XA105/9yBFGxfpyCjlI1bcBiyPmXHs8+UDvO2j1WGnY+FXilMn35+P/3t8HzKnUnR1SX0PRkDSk8kM17ciNxA==",
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/peerjs/-/peerjs-1.4.7.tgz",
+      "integrity": "sha512-dWE2HIGvJO0Hm8lYHJiO/5OWl8xYtGcAuU08To1HMIfhh76ULzkCS3NIQO/PZm4noO1RhaGTkQaQ6sbAss6/Tg==",
       "requires": {
         "@swc/helpers": "^0.3.13",
         "eventemitter3": "^4.0.7",
@@ -1555,26 +1697,26 @@
       "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
     },
     "pinia": {
-      "version": "2.0.17",
-      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.17.tgz",
-      "integrity": "sha512-AtwLwEWQgIjofjgeFT+nxbnK5lT2QwQjaHNEDqpsi2AiCwf/NY78uWTeHUyEhiiJy8+sBmw0ujgQMoQbWiZDfA==",
+      "version": "2.0.21",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.0.21.tgz",
+      "integrity": "sha512-6ol04PtL29O0Z6JHI47O3JUSoyOJ7Og0rstXrHVMZSP4zAldsQBXJCNF0i/H7m8vp/Hjd/CSmuPl7C5QAwpeWQ==",
       "requires": {
         "@vue/devtools-api": "^6.2.1",
         "vue-demi": "*"
       },
       "dependencies": {
         "vue-demi": {
-          "version": "0.13.6",
-          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.6.tgz",
-          "integrity": "sha512-02NYpxgyGE2kKGegRPYlNQSL1UWfA/+JqvzhGCOYjhfbLWXU5QQX0+9pAm/R2sCOPKr5NBxVIab7fvFU0B1RxQ==",
+          "version": "0.13.11",
+          "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.11.tgz",
+          "integrity": "sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==",
           "requires": {}
         }
       }
     },
     "postcss": {
-      "version": "8.4.14",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.14.tgz",
-      "integrity": "sha512-E398TUmfAYFPBSdzgeieK2Y1+1cpdxJx8yXbK/m57nRhKSmk1GB2tO4lbLBtlkfPQTDKfe4Xqv1ASWPpayPEig==",
+      "version": "8.4.16",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
+      "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
       "requires": {
         "nanoid": "^3.3.4",
         "picocolors": "^1.0.0",
@@ -1592,6 +1734,16 @@
       "resolved": "https://registry.npmjs.org/process/-/process-0.11.10.tgz",
       "integrity": "sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A=="
     },
+    "readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
+      "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
+      "requires": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      }
+    },
     "regenerator-runtime": {
       "version": "0.13.9",
       "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.13.9.tgz",
@@ -1609,9 +1761,9 @@
       }
     },
     "rollup": {
-      "version": "2.77.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.77.2.tgz",
-      "integrity": "sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==",
+      "version": "2.77.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-2.77.3.tgz",
+      "integrity": "sha512-/qxNTG7FbmefJWoeeYJFbHehJ2HNWnjkAFRKzWN/45eNBBF/r8lo992CwcJXEzyVxs5FmfId+vTSTQDb+bxA+g==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -1641,11 +1793,11 @@
       "integrity": "sha512-jhXqQAQVM+8Xj5EjJGVweuEzgtGWb3tmEEpl3CLP3cStInSbVHSg0QWOGQzNq8pSID4JkpeV2mPqlMDLrm0/Vw=="
     },
     "shaka-player": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-4.1.2.tgz",
-      "integrity": "sha512-rTj+YMSyO+kbstll3P+8qYxrsaZBDsQlz5xVz1D4A66yJvv9ZqhDFDiEhL6iII5V7BFNA+dOdsR8yKuYHWi8NQ==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-4.2.1.tgz",
+      "integrity": "sha512-CCgvXpb+7eUpNXx/MKsqkpaWAlsDnTKvvKxAy1tNQEE6JxgVzQ6Ye5yOq3IvC/fo+6PgSXczm9z7tiz/HUL68Q==",
       "requires": {
-        "eme-encryption-scheme-polyfill": "^2.0.5"
+        "eme-encryption-scheme-polyfill": "^2.1.1"
       }
     },
     "source-map": {
@@ -1670,18 +1822,6 @@
       "requires": {
         "inherits": "~2.0.4",
         "readable-stream": "^3.5.0"
-      },
-      "dependencies": {
-        "readable-stream": {
-          "version": "3.6.0",
-          "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-3.6.0.tgz",
-          "integrity": "sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==",
-          "requires": {
-            "inherits": "^2.0.3",
-            "string_decoder": "^1.1.1",
-            "util-deprecate": "^1.0.1"
-          }
-        }
       }
     },
     "string_decoder": {
@@ -1709,28 +1849,39 @@
       "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
     },
     "vite": {
-      "version": "3.0.4",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.4.tgz",
-      "integrity": "sha512-NU304nqnBeOx2MkQnskBQxVsa0pRAH5FphokTGmyy8M3oxbvw7qAXts2GORxs+h/2vKsD+osMhZ7An6yK6F1dA==",
+      "version": "3.0.9",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-3.0.9.tgz",
+      "integrity": "sha512-waYABTM+G6DBTCpYAxvevpG50UOlZuynR0ckTK5PawNVt7ebX6X7wNXHaGIO6wYYFXSM7/WcuFuO2QzhBB6aMw==",
       "dev": true,
       "requires": {
         "esbuild": "^0.14.47",
         "fsevents": "~2.3.2",
-        "postcss": "^8.4.14",
+        "postcss": "^8.4.16",
         "resolve": "^1.22.1",
-        "rollup": "^2.75.6"
+        "rollup": ">=2.75.6 <2.77.0 || ~2.77.0"
       }
     },
     "vue": {
-      "version": "3.2.37",
-      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
-      "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+      "version": "3.2.38",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.38.tgz",
+      "integrity": "sha512-hHrScEFSmDAWL0cwO4B6WO7D3sALZPbfuThDsGBebthrNlDxdJZpGR3WB87VbjpPh96mep1+KzukYEhpHDFa8Q==",
       "requires": {
-        "@vue/compiler-dom": "3.2.37",
-        "@vue/compiler-sfc": "3.2.37",
-        "@vue/runtime-dom": "3.2.37",
-        "@vue/server-renderer": "3.2.37",
-        "@vue/shared": "3.2.37"
+        "@vue/compiler-dom": "3.2.38",
+        "@vue/compiler-sfc": "3.2.38",
+        "@vue/runtime-dom": "3.2.38",
+        "@vue/server-renderer": "3.2.38",
+        "@vue/shared": "3.2.38"
+      }
+    },
+    "vue-i18n": {
+      "version": "9.2.2",
+      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.2.2.tgz",
+      "integrity": "sha512-yswpwtj89rTBhegUAv9Mu37LNznyu3NpyLQmozF3i1hYOhwpG8RjcjIFIIfnu+2MDZJGSZPXaKWvnQA71Yv9TQ==",
+      "requires": {
+        "@intlify/core-base": "9.2.2",
+        "@intlify/shared": "9.2.2",
+        "@intlify/vue-devtools": "9.2.2",
+        "@vue/devtools-api": "^6.2.1"
       }
     },
     "webrtc-adapter": {
diff --git a/package.json b/package.json
index 414b876..6dc1a1e 100644
--- a/package.json
+++ b/package.json
@@ -12,18 +12,19 @@
   "dependencies": {
     "bootstrap-icons": "^1.9.1",
     "buffer": "^6.0.3",
-    "dompurify": "^2.3.10",
+    "dompurify": "^2.4.0",
     "mux.js": "^6.2.0",
-    "peerjs": "^1.4.6",
-    "pinia": "^2.0.16",
-    "shaka-player": "^4.1.2",
+    "peerjs": "^1.4.7",
+    "pinia": "^2.0.21",
+    "shaka-player": "^4.2.1",
     "stream-browserify": "^3.0.0",
-    "vue": "^3.2.31",
+    "vue": "^3.2.38",
+    "vue-i18n": "^9.2.2",
     "xml-js": "^1.6.11"
   },
   "devDependencies": {
-    "@vitejs/plugin-vue": "^3.0.1",
-    "prettier": "^2.6.2",
-    "vite": "^3.0.3"
+    "@vitejs/plugin-vue": "^3.0.3",
+    "prettier": "^2.7.1",
+    "vite": "^3.0.9"
   }
 }
diff --git a/src/App.vue b/src/App.vue
index 357c0a4..95f2bf5 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -18,7 +18,8 @@ import Prefs from '@/components/Prefs.vue';
 
 /* Composables */
 import { getJsonHyp, getJsonPiped } from '@/scripts/fetch.js';
-import { useLazyLoad, useStore, useRoute } from '@/scripts/util.js';
+import { useStore, useRoute } from '@/scripts/util.js';
+import { useT, useSetupLocale } from '@/scripts/i18n.js';
 import { useSetupDB, useUpdatePlaylist } from '@/scripts/db.js';
 
 /* Stores */
@@ -283,35 +284,17 @@ function setMetadata() {
   }
 }
 
-function SaveTrack(e) {
-  useUpdatePlaylist(
-    e,
-    {
-      url: data.state.url,
-      title: data.state.title,
-    },
-    e => {
-      if (e === true) {
-        console.log('Added Song To ' + e);
-      }
-    },
-  );
-}
-
 onBeforeMount(() => {
   if (store.theme) {
     document.body.setAttribute('data-theme', store.theme);
   }
+
+  if (store.locale) {
+    useSetupLocale(store.locale);
+  }
 });
 
 onMounted(() => {
-  useLazyLoad();
-
-  /* Event Listeners for Lazy Loading */
-  document.addEventListener('scroll', useLazyLoad);
-  document.addEventListener('resize', useLazyLoad);
-  document.addEventListener('orientationChange', useLazyLoad);
-
   /* Event Listener for change in url */
   window.addEventListener('popstate', parseUrl);
 
@@ -355,17 +338,18 @@ onMounted(() => {
   </template>
 
   <header v-if="!artist.state.title">
-    <div
-      v-show="data.state.art"
-      class="art bg-img"
-      :style="'--art: url(' + data.state.art + ')'"></div>
+    <img
+      v-if="data.state.art"
+      class="art"
+      loading="lazy"
+      :src="data.state.art" />
 
     <div class="wrapper">
       <NowPlaying @get-artist="getArtist" />
     </div>
   </header>
 
-  <main class="placeholder">
+  <main class="placeholder" :data-placeholder="useT('info.search')">
     <KeepAlive>
       <Search
         v-if="nav.state.page == 'home'"
@@ -382,7 +366,10 @@ onMounted(() => {
         @get-album="getAlbum" />
     </KeepAlive>
 
-    <NewPlaylist v-if="nav.state.page == 'library'" @play-urls="playList" />
+    <NewPlaylist
+      v-if="nav.state.page == 'library'"
+      @play-urls="playList"
+      @open-playlist="getAlbum" />
 
     <Prefs v-if="nav.state.page == 'prefs'" />
   </main>
@@ -399,7 +386,7 @@ onMounted(() => {
     <Info v-if="player.state.info" :text="data.state.description" />
   </Transition>
 
-  <StatusBar @save="SaveTrack" />
+  <StatusBar />
 
   <Player @ended="playNext" />
 </template>
diff --git a/src/assets/base.css b/src/assets/base.css
index ab530ad..4ecf542 100644
--- a/src/assets/base.css
+++ b/src/assets/base.css
@@ -153,9 +153,8 @@ body {
   -moz-osx-font-smoothing: grayscale;
 }
 .placeholder:empty:after {
-  --text: 'Start Searching...';
+  content: attr(data-placeholder)'...';
   margin-bottom: auto;
-  content: var(--text);
   letter-spacing: 0.125rem;
   font-size: 1.25rem;
   font-weight: bolder;
@@ -215,16 +214,16 @@ button {
   appearence: none;
   outline: none;
 }
-
+img {
+  object-fit: cover;
+}
 .bg-img {
+  appearance: none;
   background-image: var(--grad);
   background-position: center;
   background-size: cover;
   border-radius: 0.25rem;
 }
-.bg-img.lazy {
-  background-image: var(--art);
-}
 .search-artists .bg-img {
   border-radius: 50%;
 }
diff --git a/src/components/AlbumItem.vue b/src/components/AlbumItem.vue
index 642f084..1be6f2f 100644
--- a/src/components/AlbumItem.vue
+++ b/src/components/AlbumItem.vue
@@ -10,7 +10,10 @@ const props = defineProps({
     default: '',
   },
   grad: String,
-  art: String,
+  art: {
+    type: String,
+    default: 'https://upload.wikimedia.org/wikipedia/commons/c/ca/1x1.png',
+  },
 });
 
 defineEmits(['open-album']);
@@ -18,7 +21,7 @@ defineEmits(['open-album']);
 
 <template>
   <div class="album card pop" @click="$emit('open-album')">
-    <div class="card-bg bg-img pop-2"></div>
+    <img class="card-bg bg-img pop-2" :src="art" loading="lazy" alt />
 
     <div class="card-text">
       <h4>{{ name }}</h4>
@@ -40,7 +43,6 @@ defineEmits(['open-album']);
 }
 .card-bg {
   --grad: v-bind('grad || rand');
-  --art: v-bind('art || grad || rand');
   height: 13rem;
   width: 13rem;
 }
diff --git a/src/components/Artist.vue b/src/components/Artist.vue
index 545c5cc..377fd65 100644
--- a/src/components/Artist.vue
+++ b/src/components/Artist.vue
@@ -1,6 +1,6 @@
 <script setup>
 import { ref, onUpdated } from 'vue';
-import PlayBtn from './PlayBtn.vue';
+import Btn from './Btn.vue';
 
 import { useArtist } from '@/stores/results.js';
 
@@ -18,16 +18,14 @@ onUpdated(() => {
 
 <template>
   <div v-if="show == 0 && artist.state.title" class="us-wrap">
-    <div
-      class="bg-imgfill"
-      :style="'--art: url(' + artist.state.thumbnails[1].url + ');'"></div>
+    <img class="bg-imgfill" :src="artist.state.thumbnails[1].url" />
     <div class="us-main">
       <h2>{{ artist.state.title }}</h2>
       <p @click="$event.target.classList.toggle('more')">
         {{ artist.state.description }}
       </p>
       <div class="us-playwrap">
-        <PlayBtn
+        <Btn
           @click="
             $emit('playall', '/playlist?list=' + artist.state.playlistId)
           " />
@@ -46,10 +44,6 @@ onUpdated(() => {
   position: absolute;
   width: 100%;
   height: 100%;
-  background-image: var(--art);
-  background-size: cover;
-  background-position: center;
-  background-repeat: no-repeat;
   filter: blur(5px) opacity(50%);
 }
 .us-main {
@@ -59,6 +53,7 @@ onUpdated(() => {
   flex-direction: column;
   padding: 1rem;
   box-shadow: inset 0 0 10rem #000;
+  z-index: 1;
 }
 h2 {
   padding: 1rem;
diff --git a/src/components/PlayBtn.vue b/src/components/Btn.vue
similarity index 93%
rename from src/components/PlayBtn.vue
rename to src/components/Btn.vue
index d9bfba1..93bb016 100644
--- a/src/components/PlayBtn.vue
+++ b/src/components/Btn.vue
@@ -32,6 +32,7 @@ defineEmits(['click']);
   background: transparent;
 }
 .bi:not(.bi-play) {
-  font-size: 3rem;
+  font-size: 1.75rem;
+  width: 3.5rem;
 }
 </style>
diff --git a/src/components/Genres.vue b/src/components/Genres.vue
index d6fffd1..de53e20 100644
--- a/src/components/Genres.vue
+++ b/src/components/Genres.vue
@@ -2,8 +2,8 @@
 import { reactive, ref, onMounted, onUnmounted } from 'vue';
 
 import { getJsonHyp } from '../scripts/fetch.js';
-import { useRandColor } from '../scripts/colors.js';
 import { useRoute } from '../scripts/util.js';
+import { useT } from '@/scripts/i18n.js';
 
 import AlbumItem from './AlbumItem.vue';
 
@@ -55,18 +55,18 @@ onMounted(get);
 
 <template>
   <template v-if="data.title">
-    <i class="bi bi-arrow-left back" @click="get"> Back</i>
+    <i class="bi bi-arrow-left back" @click="get"> {{ useT('action.back') }}</i>
 
     <h2 class="head">{{ data.title }}</h2>
 
     <template v-for="type in ['featured', 'spotlight', 'community']">
-      <h3 class="head">{{ type }}</h3>
+      <h3 class="head">{{ useT('title.' + type) }}</h3>
       <div class="grid-3">
         <template v-for="i in data[type]">
           <AlbumItem
             :name="i.title"
             :author="i.subtitle"
-            :art="'url(' + i.thumbnails[0].url + ')'"
+            :art="i.thumbnails[0].url"
             @open-album="
               $emit('get-album', '/playlist?list=' + i.id);
               nav.state.page = 'home';
@@ -77,7 +77,7 @@ onMounted(get);
   </template>
 
   <template v-else>
-    <h2 v-if="btns.moods.length > 0">Moods</h2>
+    <h2 v-if="btns.moods.length > 0">{{ useT('title.moods') }}</h2>
 
     <div class="btn-grid">
       <button
@@ -89,7 +89,7 @@ onMounted(get);
       </button>
     </div>
 
-    <h2 v-if="btns.genres.length > 0">Genres</h2>
+    <h2 v-if="btns.genres.length > 0">{{ useT('title.genres') }}</h2>
 
     <div class="btn-grid">
       <button
diff --git a/src/components/Info.vue b/src/components/Info.vue
index 102ee13..ddf578b 100644
--- a/src/components/Info.vue
+++ b/src/components/Info.vue
@@ -1,4 +1,5 @@
 <script setup>
+import { useT } from '@/scripts/i18n.js';
 import TextModal from './TextModal.vue';
 
 defineProps(['text']);
@@ -10,7 +11,7 @@ const parse = d =>
 <template>
   <TextModal>
     <template #content>
-      <pre class="placeholder">{{ 
+      <pre class="placeholder" :data-placeholder="useT('info.no_info')">{{ 
         text ? parse(text.replaceAll('<br>', '\n')) : ''
       }}</pre>
     </template>
@@ -21,7 +22,4 @@ const parse = d =>
 .placeholder:empty::before {
   --ico: '\F3B9';
 }
-.placeholder:empty::after {
-  --text: 'No Information Available...';
-}
 </style>
diff --git a/src/components/Lyrics.vue b/src/components/Lyrics.vue
index b485fd2..940d2a0 100644
--- a/src/components/Lyrics.vue
+++ b/src/components/Lyrics.vue
@@ -3,6 +3,7 @@ import { ref, watch } from 'vue';
 
 import { getJsonHyp } from '@/scripts/fetch.js';
 import { useData } from '@/stores/player.js';
+import { useT } from '@/scripts/i18n.js';
 
 import TextModal from './TextModal.vue';
 
@@ -48,7 +49,11 @@ watch(
     <template #content>
       <pre
         class="placeholder"
-        :data-loaded="data.state.urls[0]?.url ? status : true"
+        :data-placeholder="
+          data.state.urls[0]?.url && !status
+            ? useT('info.lyrics.load')
+            : useT('info.lyrics.void')
+        "
         >{{ text }}</pre
       >
       <div>{{ source }}</div>
@@ -60,10 +65,4 @@ watch(
 .placeholder:empty::before {
   --ico: '\f3a5';
 }
-.placeholder[data-loaded='false']:empty::after {
-  --text: 'Fetching Lyrics...';
-}
-.placeholder[data-loaded='true']:empty::after {
-  --text: 'No Lyrics...';
-}
 </style>
diff --git a/src/components/Modal.vue b/src/components/Modal.vue
index 403eb62..a274ed2 100644
--- a/src/components/Modal.vue
+++ b/src/components/Modal.vue
@@ -58,6 +58,9 @@ watch(show, n => {
   padding: 1rem 2rem;
   border-bottom: 1px solid var(--color-shadow);
 }
+.modal-title:after {
+  content: '...';
+}
 .modal-content {
   padding: 1rem;
   max-height: calc(90vh - 8rem);
diff --git a/src/components/NewPlaylist.vue b/src/components/NewPlaylist.vue
index 51cdd73..37223da 100644
--- a/src/components/NewPlaylist.vue
+++ b/src/components/NewPlaylist.vue
@@ -1,9 +1,13 @@
 <script setup>
 import { ref, reactive, watch, onMounted } from 'vue';
+
 import AlbumItem from './AlbumItem.vue';
 import Modal from './Modal.vue';
 
-import { useRand } from '../scripts/colors.js';
+import { useRand } from '@/scripts/colors.js';
+import { useStore } from '@/scripts/util.js';
+import { getJsonAuth, getAuthPlaylists } from '@/scripts/fetch.js';
+import { useT } from '@/scripts/i18n.js';
 
 import {
   useListPlaylists,
@@ -12,7 +16,10 @@ import {
   useUpdatePlaylist,
 } from '../scripts/db.js';
 
-const emit = defineEmits(['play-urls']),
+const store = useStore(),
+  auth = ref(!!store.auth);
+
+const emit = defineEmits(['play-urls', 'open-playlist']),
   list = ref([]),
   show = reactive({
     new: false,
@@ -24,8 +31,16 @@ const emit = defineEmits(['play-urls']),
     id: 'Please Wait...',
     to: '',
     peer: undefined,
+  }),
+  user = reactive({
+    username: undefined,
+    password: undefined,
+    playlists: [],
+    create: false,
   });
 
+const pathname = url => new URL(url).pathname;
+
 const Play = key => {
     console.log(key);
 
@@ -66,6 +81,44 @@ const Play = key => {
     });
   };
 
+const Login = async () => {
+    if (user.username && user.password) {
+      const { token } = await getJsonAuth('/login', {
+        method: 'POST',
+        body: JSON.stringify({
+          username: user.username,
+          password: user.password,
+        }),
+      });
+
+      store.setItem('auth', token);
+      auth.value = true;
+    }
+  },
+  getPlaylists = async () => {
+    const res = await getAuthPlaylists();
+
+    user.playlists = res;
+    console.log(user.playlists);
+  },
+  createPlaylist = async () => {
+    if (text.value) {
+      const res = await getJsonAuth('/user/playlists/create', {
+        method: 'POST',
+        body: JSON.stringify({
+          name: `Playlist - ${text.value}`,
+        }),
+        headers: {
+          Authorization: store.auth,
+          'Content-Type': 'application/json',
+        },
+      });
+
+      getPlaylists();
+      show.new = false;
+    }
+  };
+
 watch(
   () => show.sync,
   async () => {
@@ -119,7 +172,12 @@ watch(
   },
 );
 
-onMounted(List);
+watch(auth, getPlaylists);
+
+onMounted(async () => {
+  await getPlaylists();
+  List();
+});
 </script>
 
 <template>
@@ -127,13 +185,22 @@ onMounted(List);
     <Modal
       n="2"
       :display="show.new"
-      title="Create a new Playlist..."
+      :title="useT('playlist.create')"
       @show="
         e => {
           show.new = e;
         }
       ">
       <template #content>
+        <div v-if="auth" class="tabs">
+          <button :data-active="!user.create" @click="user.create = false">
+            {{ useT('title.local') }}
+          </button>
+          <button :data-active="user.create" @click="user.create = true">
+            {{ useT('title.remote') }}
+          </button>
+        </div>
+
         <input
           type="text"
           placeholder="Playlist name..."
@@ -141,15 +208,17 @@ onMounted(List);
           v-model="text" />
       </template>
       <template #buttons>
-        <button @click="show.new = false">Cancel</button>
-        <button @click="Create">Create</button>
+        <button @click="show.new = false">{{ useT('action.cancel') }}</button>
+        <button @click="user.create ? createPlaylist() : Create()">
+          {{ useT('action.create') }}
+        </button>
       </template>
     </Modal>
 
     <Modal
       :n="sync.type == 'send' ? 2 : 1"
       :display="show.sync"
-      title="Sync Playlists..."
+      :title="useT('playlist.sync')"
       @show="
         e => {
           show.sync = e;
@@ -160,10 +229,10 @@ onMounted(List);
           <button
             :data-active="sync.type == 'send'"
             @click="sync.type = 'send'">
-            Send
+            {{ useT('action.send') }}
           </button>
           <button :data-active="sync.type == 'rec'" @click="sync.type = 'rec'">
-            Receive
+            {{ useT('action.receive') }}
           </button>
         </div>
 
@@ -181,9 +250,11 @@ onMounted(List);
       </template>
 
       <template #buttons>
-        <button @click="show.sync = false">Cancel</button>
+        <button @click="show.sync = false">{{ useT('action.cancel') }}</button>
         <button v-if="sync.type == 'send'" @click="Send">
-          {{ sync.type == 'send' ? 'Send' : 'Recieve' }}
+          {{
+            sync.type == 'send' ? useT('action.send') : useT('action.recieve')
+          }}
         </button>
       </template>
     </Modal>
@@ -196,6 +267,8 @@ onMounted(List);
         @click="show.sync = true"></div>
     </div>
 
+    <h2 v-if="list.length > 0">{{ useT('playlist.local') }}</h2>
+
     <div class="grid-3">
       <template v-for="i in list">
         <AlbumItem
@@ -205,10 +278,48 @@ onMounted(List);
           @open-album="Play(i.name)" />
       </template>
     </div>
+
+    <h2 class="login-h">{{ useT('playlist.remote') }}</h2>
+
+    <div v-if="auth" class="grid-3">
+      <template v-for="i in user.playlists">
+        <AlbumItem
+          :name="i.name.replace('Playlist - ', '')"
+          :art="pathname(i.thumbnail) != '/' ? i.thumbnail : undefined"
+          @open-album="$emit('open-playlist', '/playlists?list=' + i.id)" />
+      </template>
+    </div>
+    <form v-else class="login" @submit.prevent>
+      <input
+        @change="user.username = $event.target.value"
+        type="text"
+        placeholder="username"
+        class="textbox" />
+      <input
+        @change="user.password = $event.target.value"
+        type="password"
+        placeholder="password"
+        class="textbox" />
+      <button @click="Login" class="textbox">{{ useT('title.login') }}</button>
+
+      <p>
+        Don't have an account? register on
+        <a
+          href="https://piped.kavin.rocks/register"
+          target="_blank"
+          rel="noreferrer noopener"
+          >Piped</a
+        >
+      </p>
+    </form>
   </div>
 </template>
 
 <style scoped>
+h2 {
+  text-align: center;
+  margin: 2rem;
+}
 .npl-wrap {
   padding-bottom: 5rem;
 }
@@ -244,7 +355,9 @@ pre {
   width: calc(100% / 2);
   background: var(--color-background);
 }
-.tabs button[data-active='true'] {
+.tabs button[data-active='true'],
+.login button {
+  font-weight: bold;
   color: var(--color-background);
   background: linear-gradient(135deg, cornflowerblue, #88c0d0);
 }
@@ -254,6 +367,15 @@ pre {
 .tabs button:last-child {
   border-radius: 0 0.25rem 0.25rem 0;
 }
+.login {
+  display: block;
+  margin: 1rem auto;
+}
+.login > * {
+  margin: 1rem auto;
+  display: block;
+  text-align: center;
+}
 @media (min-width: 1024px) {
   .npl-box:first-child {
     margin: 0 1rem 0 auto;
diff --git a/src/components/Player.vue b/src/components/Player.vue
index 80a56a3..256128e 100644
--- a/src/components/Player.vue
+++ b/src/components/Player.vue
@@ -10,8 +10,7 @@ import {
 import muxjs from 'mux.js';
 window.muxjs = muxjs;
 
-import { useLazyLoad, useStore, useRoute } from '@/scripts/util.js';
-
+import { useStore, useRoute } from '@/scripts/util.js';
 import { useData, usePlayer } from '@/stores/player.js';
 
 defineEmits(['ended']);
@@ -23,8 +22,6 @@ const player = usePlayer(),
 const audio = ref(null);
 
 function audioCanPlay() {
-  useLazyLoad();
-
   player.state.status = 'pause';
   audio.value.play().catch(err => {
     console.error(err);
diff --git a/src/components/Playlists.vue b/src/components/Playlists.vue
index 46ca2a0..7854822 100644
--- a/src/components/Playlists.vue
+++ b/src/components/Playlists.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { useData, usePlayer } from '@/stores/player.js';
+import { useT } from '@/scripts/i18n.js';
 
 const player = usePlayer(),
   data = useData();
@@ -9,7 +10,7 @@ defineEmits(['playthis']);
 
 <template>
   <Transition name="fade">
-    <div class="pl-modal placeholder">
+    <div class="pl-modal placeholder" :data-placeholder="useT('playlist.add')">
       <template v-for="plurl in data.state.urls">
         <div class="pl-item" @click="$emit('playthis', plurl)">
           <span v-if="data.state.url == plurl.url" class="bars-wrap">
@@ -51,9 +52,6 @@ defineEmits(['playthis']);
 .placeholder:empty:before {
   --ico: '\f64d';
 }
-.placeholder:empty:after {
-  --text: 'Add Songs to Playlist...';
-}
 .pl-item {
   padding: 1rem;
   margin: 0.125rem;
diff --git a/src/components/Prefs.vue b/src/components/Prefs.vue
index 1110f89..1796bff 100644
--- a/src/components/Prefs.vue
+++ b/src/components/Prefs.vue
@@ -1,24 +1,22 @@
 <script setup>
 import { ref, onMounted } from 'vue';
 
-import { getJson } from '../scripts/fetch.js';
-import { useStore } from '../scripts/util.js';
+import { getJson } from '@/scripts/fetch.js';
+import { SUPPORTED_LOCALES, useT, useSetupLocale } from '@/scripts/i18n.js';
+import { useStore } from '@/scripts/util.js';
 
 const instances = ref([]),
   hypInstances = ref([]),
-  hls = ref(false),
   next = ref(false);
 
 getJson('https://piped-instances.kavin.rocks').then(i => {
   instances.value = i;
-
   console.log(i);
 });
 
 getJson('https://raw.codeberg.page/Hyperpipe/pages/api/backend.json').then(
   i => {
     hypInstances.value = i;
-
     console.log(i);
   },
 );
@@ -45,18 +43,22 @@ function setTheme(theme) {
   setStore('theme', theme);
 }
 
+function setLang(locale) {
+  useSetupLocale(locale);
+  setStore('locale', locale);
+}
+
 function getStoreBool(key, ele) {
   ele.value = getStore(key) || true;
 }
 
 onMounted(() => {
-  getStoreBool('hls', hls);
   getStoreBool('next', next);
 });
 </script>
 
 <template>
-  <h2>Theme</h2>
+  <h2>{{ useT('pref.theme') }}</h2>
   <select
     id="pref-theme"
     :value="getTheme()"
@@ -68,7 +70,16 @@ onMounted(() => {
     <option value="nord">Nord</option>
   </select>
 
-  <h2>Audio Player</h2>
+  <h2>Language</h2>
+
+  <select
+    id="pref-lang"
+    :value="getStore('locale') || 'en'"
+    @change="setLang($event.target.value)">
+    <option v-for="i in SUPPORTED_LOCALES" :value="i.code">{{ i.name }}</option>
+  </select>
+
+  <h2>{{ useT('pref.player') }}</h2>
 
   <div class="left">
     <input
@@ -77,11 +88,11 @@ onMounted(() => {
       id="pref-chk-next"
       @change="setStore('next', $event.target.checked)"
       v-model="next" />
-    <label for="pref-chk-next">Automatically Queue Songs</label>
+    <label for="pref-chk-next">{{ useT('pref.auto_queue') }}</label>
   </div>
 
   <div class="left">
-    <label for="pref-codec">Codec</label>
+    <label for="pref-codec">{{ useT('pref.codec') }}</label>
     <select
       id="pref-codec"
       name="pref-codec"
@@ -95,20 +106,20 @@ onMounted(() => {
   </div>
 
   <div class="left">
-    <label for="pref-quality">Quality</label>
+    <label for="pref-quality">{{ useT('pref.quality') }}</label>
     <select
       id="pref-quality"
       name="pref-quality"
       :value="getStore('quality') || 'auto'"
       @change="setStore('quality', $event.target.value)">
-      <option value="auto">auto</option>
-      <option value="best">best</option>
-      <option value="worst">worst</option>
+      <option value="auto">{{ useT('pref.auto') }}</option>
+      <option value="best">{{ useT('pref.best') }}</option>
+      <option value="worst">{{ useT('pref.worst') }}</option>
     </select>
   </div>
 
   <div class="left">
-    <label for="pref-volume">Default Volume</label>
+    <label for="pref-volume">{{ useT('pref.volume') }}</label>
     <input
       type="number"
       name="pref-volume"
@@ -119,7 +130,7 @@ onMounted(() => {
       @change="setStore('vol', $event.target.value)" />
   </div>
 
-  <h2>Hyperpipe Instance</h2>
+  <h2>{{ useT('pref.instances.hyp') }}</h2>
 
   <select
     v-if="hypInstances"
@@ -137,8 +148,8 @@ onMounted(() => {
     <table>
       <thead>
         <tr>
-          <th>Name</th>
-          <th>Locations</th>
+          <th>{{ useT('pref.instances.name') }}</th>
+          <th>{{ useT('pref.instances.loc') }}</th>
         </tr>
       </thead>
       <tbody v-for="i in hypInstances">
@@ -154,7 +165,7 @@ onMounted(() => {
     </table>
   </div>
 
-  <h2>Piped Instance</h2>
+  <h2>{{ useT('pref.instances.piped') }}</h2>
   <select
     v-if="instances"
     :value="getStore('pipedapi') || 'pipedapi.kavin.rocks'"
@@ -167,15 +178,29 @@ onMounted(() => {
     </option>
   </select>
 
+  <h3>{{ useT('pref.instances.auth') }}</h3>
+
+  <select
+    v-if="instances"
+    :value="getStore('authapi') || 'pipedapi.kavin.rocks'"
+    @change="setStore('authapi', $event.target.value)">
+    <option
+      v-for="i in instances"
+      :key="i.name"
+      :value="i.api_url.replace('https://', '').replace('http://', '')">
+      {{ i.name.replace('Official', 'Default') }}
+    </option>
+  </select>
+
   <div class="table-wrap">
     <table>
       <thead>
         <tr>
-          <th>Name</th>
-          <th>Locations</th>
-          <th>CDN</th>
-          <th>Up to Date</th>
-          <th>Version</th>
+          <th>{{ useT('pref.instances.name') }}</th>
+          <th>{{ useT('pref.instances.loc') }}</th>
+          <th>{{ useT('pref.instances.cdn') }}</th>
+          <th>{{ useT('pref.instances.up_to_date') }}</th>
+          <th>{{ useT('pref.instances.version') }}</th>
         </tr>
       </thead>
       <tbody v-for="i in instances">
@@ -201,7 +226,7 @@ onMounted(() => {
       class="bi bi-code-slash"
       target="_blank"
       rel="noreferrer noopener"
-      href="https://codeberg.org/Hyperpipe/Hyperpipe"></a>
+      href="https://codeberg.org/Hyperpipe/Hyperpipe" />
   </footer>
 </template>
 
@@ -210,6 +235,7 @@ h2 {
   margin-top: 1rem;
 }
 h2,
+h3,
 label,
 footer {
   text-align: center;
diff --git a/src/components/Search.vue b/src/components/Search.vue
index 3c28158..de316fa 100644
--- a/src/components/Search.vue
+++ b/src/components/Search.vue
@@ -1,18 +1,21 @@
 <script setup>
 import { ref, reactive, watch, onUpdated } from 'vue';
 
-import PlayBtn from './PlayBtn.vue';
+import Btn from './Btn.vue';
 import SongItem from './SongItem.vue';
 import AlbumItem from './AlbumItem.vue';
 
-import { getJsonPiped, getPipedQuery } from '../scripts/fetch.js';
-import { useLazyLoad, useRoute } from '../scripts/util.js';
-import { useCreatePlaylist } from '../scripts/db.js';
+import { getJsonPiped, getPipedQuery } from '@/scripts/fetch.js';
+import { useRoute } from '@/scripts/util.js';
+import { useCreatePlaylist } from '@/scripts/db.js';
+import { useT } from '@/scripts/i18n.js';
 
 import { useResults, useArtist } from '@/stores/results.js';
+import { useData } from '@/stores/player.js';
 import { useNav } from '@/stores/misc.js';
 
 const results = useResults(),
+  data = useData(),
   nav = useNav(),
   artist = useArtist();
 
@@ -21,17 +24,11 @@ const emit = defineEmits(['get-album', 'get-artist', 'play-urls', 'add-song']),
   filter = ref('music_songs'),
   isSearch = ref(/search/.test(location.pathname));
 
-const playAlbum = () => {
-    const urls = results.items?.songs?.items?.map(item => {
-      return { url: item.url, title: item.title };
-    });
-
-    emit('play-urls', urls);
-  },
-  saveAlbum = () => {
-    const urls = results.items?.songs?.items?.map(item => {
-      return { url: item.url, title: item.title };
-    });
+const saveAlbum = () => {
+    const urls = results.items?.songs?.items?.map(item => ({
+      url: item.url,
+      title: item.title,
+    }));
 
     let title = results.items?.songs?.title;
 
@@ -54,7 +51,6 @@ const playAlbum = () => {
       isSearch.value = /search/.test(location.pathname);
 
       getResults(pq);
-      useLazyLoad();
     } else {
       results.resetItems();
 
@@ -72,7 +68,6 @@ const playAlbum = () => {
       key = f.split('_')[1];
 
     results.setItem(key, json);
-
     console.log(json, key);
   };
 
@@ -106,8 +101,27 @@ onUpdated(() => {
   </div>
 
   <div v-if="results.items?.songs?.title" class="text-full flex">
-    <PlayBtn @click="playAlbum" />
-    <PlayBtn ico="plus" @click="saveAlbum" />
+    <Btn
+      @click="
+        $emit(
+          'play-urls',
+          results.items?.songs?.items?.map(item => ({
+            url: item.url,
+            title: item.title,
+          })),
+        )
+      " />
+    <Btn ico="star" @click="saveAlbum" />
+    <Btn
+      ico="plus-lg"
+      @click="
+        data.state.urls.push(
+          ...results.items.songs.items.map(i => ({
+            url: i.url,
+            title: i.title,
+          })),
+        )
+      " />
 
     <span>{{ results.items?.songs?.title }}</span>
   </div>
@@ -121,14 +135,14 @@ onUpdated(() => {
         getSearch(nav.state.search);
       "
       :data-active="f == filter">
-      {{ f.split('_')[1] }}
+      {{ useT('title.' + f.split('_')[1]) }}
     </button>
   </div>
 
   <div
     v-if="results.items.songs && results.items.songs.items[0]"
     class="search-songs">
-    <h2>Songs</h2>
+    <h2>{{ useT('title.songs') }}</h2>
     <div class="grid">
       <template v-for="song in results.items.songs.items">
         <SongItem
@@ -137,11 +151,7 @@ onUpdated(() => {
           :channel="song.uploaderUrl || song.subId"
           :play="song.url || '/watch?v=' + song.id"
           :art="
-            'url(' +
-            (song.thumbnail ||
-              song.thumbnails[1]?.url ||
-              song.thumbnails[0]?.url) +
-            ')'
+            song.thumbnail || song.thumbnails[1]?.url || song.thumbnails[0]?.url
           "
           @open-song="
             $emit('play-urls', [
@@ -165,20 +175,20 @@ onUpdated(() => {
       "
       class="more"
       :href="'/playlist?list=' + results.items.notes.items"
-      >See All</a
+      >{{ useT('info.see_all') }}</a
     >
   </div>
 
   <div
     v-if="results.items.albums && results.items.albums.items[0]"
     class="search-albums">
-    <h2>Albums</h2>
+    <h2>{{ useT('title.albums') }}</h2>
     <div class="grid-3">
       <template v-for="album in results.items.albums.items">
         <AlbumItem
           :author="album.uploaderName || album.subtitle"
           :name="album.name || album.title"
-          :art="'url(' + (album.thumbnail || album.thumbnails[0].url) + ')'"
+          :art="album.thumbnail || album.thumbnails[0].url"
           @open-album="
             $emit('get-album', album.url || '/playlist?list=' + album.id)
           " />
@@ -189,13 +199,13 @@ onUpdated(() => {
   <div
     v-if="results.items.singles && results.items.singles.items[0]"
     class="search-albums">
-    <h2>Singles</h2>
+    <h2>{{ useT('title.singles') }}</h2>
     <div class="grid-3">
       <template v-for="single in results.items.singles.items">
         <AlbumItem
           :author="single.subtitle"
           :name="single.title"
-          :art="'url(' + single.thumbnails[0].url + ')'"
+          :art="single.thumbnails[0].url"
           @open-album="$emit('get-album', '/playlist?list=' + single.id)" />
       </template>
     </div>
@@ -208,7 +218,13 @@ onUpdated(() => {
       (results.items.artists && results.items.artists.items[0])
     "
     class="search-artists">
-    <h2>{{ results.items.artists ? 'Artists' : 'Similar Artists' }}</h2>
+    <h2>
+      {{
+        results.items.artists
+          ? useT('title.artists')
+          : useT('title.similar_artists')
+      }}
+    </h2>
     <div class="grid-3 circle">
       <template
         v-for="artist in results.items.artists
@@ -217,7 +233,7 @@ onUpdated(() => {
         <AlbumItem
           :author="artist.subtitle"
           :name="artist.name || artist.title"
-          :art="'url(' + (artist.thumbnail || artist.thumbnails[0].url) + ')'"
+          :art="artist.thumbnail || artist.thumbnails[0].url"
           @open-album="
             $emit(
               'get-artist',
@@ -244,8 +260,14 @@ onUpdated(() => {
 .search-artists {
   text-align: center;
 }
+:deep(.bi) {
+  margin-right: 0;
+}
 :deep(.bi-play) {
-  margin-right: 0.75rem;
+  margin-right: 1rem;
+}
+:deep(.bi-plus-lg) {
+  margin-right: auto;
 }
 .filters {
   display: flex;
diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 8a9e428..430b711 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -1,6 +1,7 @@
 <script setup>
 import { ref } from 'vue';
 import { useNav } from '@/stores/misc.js';
+import { useT } from '@/scripts/i18n.js';
 
 const show = ref(false),
   nav = useNav();
@@ -17,7 +18,7 @@ const show = ref(false),
         <input
           type="text"
           aria-label="Search Input"
-          placeholder="Search..."
+          :placeholder="useT('title.search') + '...'"
           @change="
             nav.state.search = $event.target.value;
             nav.state.page = 'home';
diff --git a/src/components/SongItem.vue b/src/components/SongItem.vue
index 9d549f4..9a78935 100644
--- a/src/components/SongItem.vue
+++ b/src/components/SongItem.vue
@@ -53,7 +53,7 @@ onMounted(() => {
 </script>
 <template>
   <div class="song card flex pop" @click="openSong($event.target)">
-    <div class="pop-2 bg-img song-bg"></div>
+    <img class="pop-2 bg-img song-bg" loading="lazy" :src="art" alt />
 
     <span class="flex content">
       <h4>{{ title }}</h4>
@@ -120,7 +120,6 @@ span.bi-three-dots-vertical {
 }
 .song-bg {
   --grad: v-bind('rand');
-  --art: v-bind('art || rand');
   width: 120px;
   height: 120px;
 }
diff --git a/src/components/StatusBar.vue b/src/components/StatusBar.vue
index 044fdcc..426a02c 100644
--- a/src/components/StatusBar.vue
+++ b/src/components/StatusBar.vue
@@ -3,12 +3,15 @@ import { ref, reactive, watch } from 'vue';
 
 import Modal from './Modal.vue';
 
-import { useStore } from '../scripts/util.js';
-import { useListPlaylists } from '../scripts/db.js';
+import { useStore } from '@/scripts/util.js';
+import { useListPlaylists, useUpdatePlaylist } from '@/scripts/db.js';
+import { getAuthPlaylists, getJsonAuth } from '@/scripts/fetch.js';
+import { useT } from '@/scripts/i18n.js';
 
-import { usePlayer } from '../stores/player.js';
+import { useData, usePlayer } from '@/stores/player.js';
 
-const player = usePlayer(),
+const data = useData(),
+  player = usePlayer(),
   store = useStore();
 
 const emit = defineEmits(['save']),
@@ -18,15 +21,52 @@ const emit = defineEmits(['save']),
     vol: false,
   }),
   pl = ref(''),
-  list = ref([]);
+  list = ref([]),
+  remote = ref([]),
+  plRemote = ref(false);
 
-function Save() {
+function List() {
   showme.pl = true;
   useListPlaylists(res => {
     console.log(res);
     list.value = res;
     showme.menu = false;
   });
+  getAuthPlaylists().then(res => {
+    remote.value = res;
+  });
+}
+
+function Save() {
+  if (pl.value) {
+    if (plRemote.value == true && store.auth) {
+      getJsonAuth('/user/playlists/add', {
+        method: 'POST',
+        headers: {
+          Authorization: store.auth,
+        },
+        body: JSON.stringify({
+          playlistId: pl.value,
+          videoId: new URL(
+            'https://example.com' + data.state.url,
+          ).searchParams.get('v'),
+        }),
+      });
+    } else if (plRemote.value == false) {
+      useUpdatePlaylist(
+        pl.value,
+        {
+          url: data.state.url,
+          title: data.state.title,
+        },
+        e => {
+          if (e === true) {
+            console.log('Added Song');
+          }
+        },
+      );
+    }
+  }
 }
 </script>
 <template>
@@ -45,22 +85,38 @@ function Save() {
           <template v-for="i in list">
             <div
               class="flex item"
-              @click="pl = i.name"
-              :data-active="pl == i.name">
+              @click="
+                pl = i.name;
+                plRemote = false;
+              "
+              :data-active="pl == i.name && plRemote == false">
               <span>{{ i.name }}</span
               ><span class="ml-auto">{{ i.urls.length || '' }}</span>
             </div>
           </template>
+          <template v-for="i in remote">
+            <div
+              class="flex item"
+              @click="
+                pl = i.id;
+                plRemote = true;
+              "
+              :data-active="pl == i.id && plRemote == true">
+              <span>{{ i.name }}</span>
+            </div>
+          </template>
         </template>
         <template #buttons>
-          <button aria-label="Cancel" @click="showme.pl = false">Cancel</button>
+          <button aria-label="Cancel" @click="showme.pl = false">
+            {{ useT('action.cancel') }}
+          </button>
           <button
             aria-label="Add Song"
             @click="
-              if (pl) $emit('save', pl);
+              Save();
               showme.pl = false;
             ">
-            Add
+            {{ useT('action.add') }}
           </button>
         </template>
       </Modal>
@@ -124,13 +180,14 @@ function Save() {
             id="info-btn"
             class="bi bi-info-circle"
             aria-label="Show Information About Song"
+            :data-active="player.state.info"
             @click="player.toggle('info')"></button>
           <button
             id="addToPlaylist"
             title="Add Current Song to a Playlist"
             aria-label="Add Current Song to a Playlist"
             class="bi bi-collection"
-            @click="Save"></button>
+            @click="List"></button>
           <button
             id="list-btn"
             title="Current Playlist"
@@ -166,6 +223,7 @@ function Save() {
   border-top: 0.25rem solid var(--color-foreground);
   background: var(--color-background);
   min-height: 15vh;
+  z-index: 2;
 }
 .statusbar-right {
   margin-left: 0.5rem;
diff --git a/src/locales/en.json b/src/locales/en.json
new file mode 100644
index 0000000..ad40cd8
--- /dev/null
+++ b/src/locales/en.json
@@ -0,0 +1,65 @@
+{
+  "title": {
+    "songs": "Songs",
+    "albums": "Albums",
+    "singles": "Singles",
+    "artists": "Artists",
+    "similar_artists": "Similar Artists",
+    "moods": "Moods",
+    "genres": "Genres",
+    "featured": "Featured",
+    "spotlight": "Spotlight",
+    "community": "Community",
+    "login": "Login",
+    "local": "Local",
+    "remote": "Remote",
+    "search": "Search"
+  },
+  "action": {
+    "back": "Back",
+    "add": "Add",
+    "create": "Create",
+    "cancel": "Cancel",
+    "send": "Send",
+    "receive": "Receive"
+  },
+  "playlist": {
+    "local": "Local Playlists",
+    "remote": "Remote Playlists",
+    "name": "Playlist name",
+    "add": "Add Songs to Playlist",
+    "create": "Create a new Playlist",
+    "sync": "Sync playlists",
+    "select": "Select Playlist to Add"
+  },
+  "pref": {
+    "theme": "Theme",
+    "player": "Audio Player",
+    "auto_queue": "Automatically Queue Songs",
+    "codec": "Codec",
+    "quality": "Quality",
+    "auto": "auto",
+    "best": "best",
+    "worst": "worst",
+    "volume": "Default Volume",
+    "instances": {
+      "hyp": "Hyperpipe Instance",
+      "piped": "Piped Instance",
+      "auth": "Authentication Instance",
+      "name": "Name",
+      "loc": "Locations",
+      "cdn": "CDN",
+      "up_to_date": "Up to Date",
+      "version": "Version"
+    }
+  },
+  "info": {
+    "see_all": "See All",
+    "search": "Start Searching",
+    "no_info": "No Information Available",
+    "lyrics": {
+      "load": "Fetching Lyrics",
+      "void": "No Lyrics"
+    }
+  }
+}
diff --git a/src/main.js b/src/main.js
index 6cf6e19..f92b62f 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,12 +1,26 @@
 import { createApp } from 'vue';
 import { createPinia } from 'pinia';
+import { createI18n } from 'vue-i18n';
 
 import App from './App.vue';
+import en from '@/locales/en.json';
 
 import('bootstrap-icons/font/bootstrap-icons.css');
 
 const pinia = createPinia(),
+  i18n = createI18n({
+    globalInjection: true,
+    legacy: false,
+    locale: 'en',
+    fallbackLocale: 'en',
+    messages: {
+      en: en,
+    },
+  }),
   app = createApp(App);
 
+window.i18n = i18n;
+
+app.use(i18n);
 app.use(pinia);
 app.mount('#app');
diff --git a/src/scripts/colors.js b/src/scripts/colors.js
index d60a38b..4dce583 100644
--- a/src/scripts/colors.js
+++ b/src/scripts/colors.js
@@ -10,9 +10,3 @@ export function useRand() {
   const i = Math.floor(Math.random() * c.length);
   return c[i];
 }
-
-export function useRandColor() {
-  const r = Math.random().toString(16);
-
-  return '#' + r.substr(r.length - 6);
-}
diff --git a/src/scripts/fetch.js b/src/scripts/fetch.js
index d880785..fff215f 100644
--- a/src/scripts/fetch.js
+++ b/src/scripts/fetch.js
@@ -45,3 +45,21 @@ export async function getJsonHyp(path) {
 
   return await getJson('https://' + root + path);
 }
+
+export async function getJsonAuth(path, opts) {
+  const root = useStore().getItem('authapi') || 'pipedapi.kavin.rocks';
+
+  return await fetch('https://' + root + path, opts).then(res => res.json());
+}
+
+export async function getAuthPlaylists() {
+  if (!!useStore().getItem('auth')) {
+    const res = await getJsonAuth('/user/playlists', {
+      headers: {
+        Authorization: useStore().getItem('auth'),
+      },
+    });
+
+    return res.filter(i => i.name.startsWith('Playlist - '));
+  }
+}
diff --git a/src/scripts/i18n.js b/src/scripts/i18n.js
new file mode 100644
index 0000000..3abc857
--- /dev/null
+++ b/src/scripts/i18n.js
@@ -0,0 +1,29 @@
+import { useI18n } from 'vue-i18n';
+
+export const SUPPORTED_LOCALES = [
+  {
+    code: 'en',
+    name: 'English',
+  },
+];
+
+export function useT(path) {
+  const { messages, locale, fallbackLocale } = useI18n(),
+    msgs = messages.value?.[locale.value],
+    fallback = messages.value?.[fallbackLocale.value],
+    keys = path.split('.'),
+    translate = msg => keys.reduce((obj, i) => obj?.[i], msg),
+    translated = translate(msgs) || translate(fallback);
+
+  return translated || path;
+}
+
+export function useSetupLocale(locale) {
+  import(`@/locales/${locale}.json`)
+    .then(mod => mod.default)
+    .then(mod => {
+      window.i18n.global.messages.value[locale] = mod;
+    });
+
+  window.i18n.global.locale.value = locale;
+}
diff --git a/src/scripts/util.js b/src/scripts/util.js
index 9675029..308d16b 100644
--- a/src/scripts/util.js
+++ b/src/scripts/util.js
@@ -26,30 +26,3 @@ export function useStore() {
     };
   }
 }
-
-export function useLazyLoad() {
-  let lazyElems;
-
-  if ('IntersectionObserver' in window) {
-    lazyElems = document.querySelectorAll('.bg-img:not(.lazy)');
-
-    let imgObs = new IntersectionObserver((elems, obs) => {
-      elems.forEach(elem => {
-        setTimeout(() => {
-          if (elem.isIntersecting) {
-            let ele = elem.target;
-
-            ele.classList.add('lazy');
-            imgObs.unobserve(ele);
-          }
-        }, 20);
-      });
-    });
-
-    lazyElems.forEach(img => {
-      imgObs.observe(img);
-    });
-  } else {
-    console.log('Failed');
-  }
-}