diff --git a/package-lock.json b/package-lock.json
index 25b760b..40ddce8 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -575,6 +575,7 @@
       "version": "7.18.11",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.11.tgz",
       "integrity": "sha512-9JKn5vN+hDt0Hdqn1PiJ2guflwP+B6Ga8qbDuoF0PzzVhrzsKIJo8yGqVk6CmMHiMei9w1C1Bp9IMJSIK+HPIQ==",
+      "dev": true,
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -1337,6 +1338,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
       "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.16.4",
         "@vue/shared": "3.2.37",
@@ -1348,6 +1350,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -1356,6 +1359,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
       "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+      "dev": true,
       "dependencies": {
         "@vue/compiler-core": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -1365,6 +1369,7 @@
       "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==",
+      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.16.4",
         "@vue/compiler-core": "3.2.37",
@@ -1382,6 +1387,7 @@
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
       "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -1390,6 +1396,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
       "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+      "dev": true,
       "dependencies": {
         "@vue/compiler-dom": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -1399,6 +1406,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
       "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+      "dev": true,
       "dependencies": {
         "@vue/shared": "3.2.37"
       }
@@ -1407,6 +1415,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
       "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+      "dev": true,
       "dependencies": {
         "@babel/parser": "^7.16.4",
         "@vue/compiler-core": "3.2.37",
@@ -1419,6 +1428,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
       "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+      "dev": true,
       "dependencies": {
         "@vue/reactivity": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -1428,6 +1438,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
       "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+      "dev": true,
       "dependencies": {
         "@vue/runtime-core": "3.2.37",
         "@vue/shared": "3.2.37",
@@ -1438,6 +1449,7 @@
       "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==",
+      "dev": true,
       "dependencies": {
         "@vue/compiler-ssr": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -1449,7 +1461,8 @@
     "node_modules/@vue/shared": {
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==",
+      "dev": true
     },
     "node_modules/@vueuse/core": {
       "version": "9.1.0",
@@ -2443,7 +2456,8 @@
     "node_modules/csstype": {
       "version": "2.6.20",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.20.tgz",
-      "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
+      "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==",
+      "dev": true
     },
     "node_modules/data-uri-to-buffer": {
       "version": "4.0.0",
@@ -3805,7 +3819,8 @@
     "node_modules/estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
     },
     "node_modules/esutils": {
       "version": "2.0.3",
@@ -5349,6 +5364,7 @@
       "version": "0.25.9",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
       "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
       "dependencies": {
         "sourcemap-codec": "^1.4.8"
       }
@@ -6550,6 +6566,7 @@
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
       "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "dev": true,
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -7068,7 +7085,8 @@
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -7168,6 +7186,7 @@
       "version": "8.4.16",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
       "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -8150,6 +8169,7 @@
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
       "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -8157,7 +8177,8 @@
     "node_modules/sourcemap-codec": {
       "version": "1.4.8",
       "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "dev": true
     },
     "node_modules/space-separated-tokens": {
       "version": "2.0.1",
@@ -9136,6 +9157,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
       "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+      "dev": true,
       "dependencies": {
         "@vue/compiler-dom": "3.2.37",
         "@vue/compiler-sfc": "3.2.37",
@@ -9857,7 +9879,8 @@
     "@babel/parser": {
       "version": "7.18.11",
       "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.11.tgz",
-      "integrity": "sha512-9JKn5vN+hDt0Hdqn1PiJ2guflwP+B6Ga8qbDuoF0PzzVhrzsKIJo8yGqVk6CmMHiMei9w1C1Bp9IMJSIK+HPIQ=="
+      "integrity": "sha512-9JKn5vN+hDt0Hdqn1PiJ2guflwP+B6Ga8qbDuoF0PzzVhrzsKIJo8yGqVk6CmMHiMei9w1C1Bp9IMJSIK+HPIQ==",
+      "dev": true
     },
     "@babel/plugin-syntax-jsx": {
       "version": "7.18.6",
@@ -9997,8 +10020,7 @@
     "@heroicons/vue": {
       "version": "1.0.6",
       "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-1.0.6.tgz",
-      "integrity": "sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA==",
-      "requires": {}
+      "integrity": "sha512-ng2YcCQrdoQWEFpw+ipFl2rZo8mZ56v0T5+MyfQQvNqfKChwgP6DMloZLW+rl17GEcHkE3H82UTAMKBKZr4+WA=="
     },
     "@humanwhocodes/config-array": {
       "version": "0.10.4",
@@ -10409,8 +10431,7 @@
       "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": {}
+      "dev": true
     },
     "@vscode/emmet-helper": {
       "version": "2.8.4",
@@ -10438,6 +10459,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.2.37.tgz",
       "integrity": "sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==",
+      "dev": true,
       "requires": {
         "@babel/parser": "^7.16.4",
         "@vue/shared": "3.2.37",
@@ -10448,7 +10470,8 @@
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
         }
       }
     },
@@ -10456,6 +10479,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.2.37.tgz",
       "integrity": "sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==",
+      "dev": true,
       "requires": {
         "@vue/compiler-core": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -10465,6 +10489,7 @@
       "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==",
+      "dev": true,
       "requires": {
         "@babel/parser": "^7.16.4",
         "@vue/compiler-core": "3.2.37",
@@ -10481,7 +10506,8 @@
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true
         }
       }
     },
@@ -10489,6 +10515,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.2.37.tgz",
       "integrity": "sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==",
+      "dev": true,
       "requires": {
         "@vue/compiler-dom": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -10498,6 +10525,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.37.tgz",
       "integrity": "sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==",
+      "dev": true,
       "requires": {
         "@vue/shared": "3.2.37"
       }
@@ -10506,6 +10534,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/reactivity-transform/-/reactivity-transform-3.2.37.tgz",
       "integrity": "sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==",
+      "dev": true,
       "requires": {
         "@babel/parser": "^7.16.4",
         "@vue/compiler-core": "3.2.37",
@@ -10518,6 +10547,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.37.tgz",
       "integrity": "sha512-JPcd9kFyEdXLl/i0ClS7lwgcs0QpUAWj+SKX2ZC3ANKi1U4DOtiEr6cRqFXsPwY5u1L9fAjkinIdB8Rz3FoYNQ==",
+      "dev": true,
       "requires": {
         "@vue/reactivity": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -10527,6 +10557,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.37.tgz",
       "integrity": "sha512-HimKdh9BepShW6YozwRKAYjYQWg9mQn63RGEiSswMbW+ssIht1MILYlVGkAGGQbkhSh31PCdoUcfiu4apXJoPw==",
+      "dev": true,
       "requires": {
         "@vue/runtime-core": "3.2.37",
         "@vue/shared": "3.2.37",
@@ -10537,6 +10568,7 @@
       "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==",
+      "dev": true,
       "requires": {
         "@vue/compiler-ssr": "3.2.37",
         "@vue/shared": "3.2.37"
@@ -10545,7 +10577,8 @@
     "@vue/shared": {
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.37.tgz",
-      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw=="
+      "integrity": "sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==",
+      "dev": true
     },
     "@vueuse/core": {
       "version": "9.1.0",
@@ -10561,8 +10594,7 @@
         "vue-demi": {
           "version": "0.13.8",
           "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.8.tgz",
-          "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg==",
-          "requires": {}
+          "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg=="
         }
       }
     },
@@ -10582,8 +10614,7 @@
         "vue-demi": {
           "version": "0.13.8",
           "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.13.8.tgz",
-          "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg==",
-          "requires": {}
+          "integrity": "sha512-Vy1zbZhCOdsmvGR6tJhAvO5vhP7eiS8xkbYQSoVa7o6KlIy3W8Rc53ED4qI4qpeRDjv3mLfXSEpYU6Yq4pgXRg=="
         }
       }
     },
@@ -10597,8 +10628,7 @@
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
       "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "acorn-node": {
       "version": "1.8.2",
@@ -11220,7 +11250,8 @@
     "csstype": {
       "version": "2.6.20",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.20.tgz",
-      "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA=="
+      "integrity": "sha512-/WwNkdXfckNgw6S5R125rrW8ez139lBHWouiBvX8dfMFtcn6V81REDqnH7+CRpRipfYlyU1CmOnOxrmGcFOjeA==",
+      "dev": true
     },
     "data-uri-to-buffer": {
       "version": "4.0.0",
@@ -11974,8 +12005,7 @@
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/eslint-plugin-promise/-/eslint-plugin-promise-6.0.0.tgz",
       "integrity": "sha512-7GPezalm5Bfi/E22PnQxDWH2iW9GTvAlUNTztemeHb6c1BniSyoeTrM87JkC0wYdi6aQrZX9p2qEiAno8aTcbw==",
-      "dev": true,
-      "requires": {}
+      "dev": true
     },
     "eslint-plugin-react": {
       "version": "7.30.1",
@@ -12208,7 +12238,8 @@
     "estree-walker": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
-      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "dev": true
     },
     "esutils": {
       "version": "2.0.3",
@@ -13297,6 +13328,7 @@
       "version": "0.25.9",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.9.tgz",
       "integrity": "sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==",
+      "dev": true,
       "requires": {
         "sourcemap-codec": "^1.4.8"
       }
@@ -14094,7 +14126,8 @@
     "nanoid": {
       "version": "3.3.4",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "dev": true
     },
     "natural-compare": {
       "version": "1.4.0",
@@ -14466,7 +14499,8 @@
     "picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
     },
     "picomatch": {
       "version": "2.3.1",
@@ -14538,6 +14572,7 @@
       "version": "8.4.16",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.16.tgz",
       "integrity": "sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==",
+      "dev": true,
       "requires": {
         "nanoid": "^3.3.4",
         "picocolors": "^1.0.0",
@@ -15224,12 +15259,14 @@
     "source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true
     },
     "sourcemap-codec": {
       "version": "1.4.8",
       "resolved": "https://registry.npmjs.org/sourcemap-codec/-/sourcemap-codec-1.4.8.tgz",
-      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA=="
+      "integrity": "sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==",
+      "dev": true
     },
     "space-separated-tokens": {
       "version": "2.0.1",
@@ -15945,6 +15982,7 @@
       "version": "3.2.37",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.2.37.tgz",
       "integrity": "sha512-bOKEZxrm8Eh+fveCqS1/NkG/n6aMidsI6hahas7pa0w/l7jkbssJVsRhVDs07IdDq7h9KHswZOgItnwJAgtVtQ==",
+      "dev": true,
       "requires": {
         "@vue/compiler-dom": "3.2.37",
         "@vue/compiler-sfc": "3.2.37",
diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue
index 65f68c6..963dbba 100644
--- a/src/components/NavBar.vue
+++ b/src/components/NavBar.vue
@@ -1,25 +1,37 @@
 <script setup lang="ts">
-import { onMounted, ref } from 'vue'
-import { MenuIcon } from '@heroicons/vue/solid'
-import { pages } from '../utils/statics'
-import logo from '../assets/logo.png'
-import Button from './Button.vue'
-const isMobileNavOpen = ref(false)
+import { onMounted, ref } from 'vue';
+import { MenuIcon } from '@heroicons/vue/solid';
+import { pages } from '../utils/statics';
+import logo from '../assets/logo.png';
+import Button from './Button.vue';
+const isMobileNavOpen = ref(false);
 
 function toggleMobileNav() {
-  isMobileNavOpen.value = !isMobileNavOpen.value
+  isMobileNavOpen.value = !isMobileNavOpen.value;
 }
 onMounted(() => {
   document.querySelectorAll('.route').forEach((el) => {
-    const pathName = window.location.pathname
-    const element = (el as HTMLElement).innerText.toLowerCase()
-    if ((element === pathName.split('/')[1].replace('/', '')))
-      el.classList.add('underline', 'decoration-2', 'underline-offset-8', 'decoration-[#00BAAF]', 'text-[#00BAAF]')
+    const pathName = window.location.pathname;
+    const element = (el as HTMLElement).innerText.toLowerCase();
+    if (element === pathName.split('/')[1].replace('/', ''))
+      el.classList.add(
+        'underline',
+        'decoration-2',
+        'underline-offset-8',
+        'decoration-[#00BAAF]',
+        'text-[#00BAAF]'
+      );
 
     if (pathName === '/' && element === 'home')
-      el.classList.add('underline', 'decoration-2', 'underline-offset-8', 'decoration-[#00BAAF]', 'text-[#00BAAF]')
-  })
-})
+      el.classList.add(
+        'underline',
+        'decoration-2',
+        'underline-offset-8',
+        'decoration-[#00BAAF]',
+        'text-[#00BAAF]'
+      );
+  });
+});
 </script>
 
 <template>
@@ -27,30 +39,48 @@ onMounted(() => {
     <div class="flex items-center justify-between h-24 mx-4 xxl:mx-0">
       <div class="flex flex-shrink-0 items-center space-x-10">
         <div>
-          <a href="/"><img :src="logo" class="h-14 w-14" alt="PlayCover"></a>
+          <a href="/"><img :src="logo" class="h-14 w-14" alt="PlayCover" /></a>
         </div>
-        <div class="hidden md:flex items-center space-x-10 font-itcavantgardestdmd font-medium">
-          <a v-for="route in pages" :key="`url-${route.url}`" :href="route.url" class="hover:text-[#00BAAF] route">{{ route.name }}</a>
+        <div
+          class="hidden md:flex items-center space-x-10 font-itcavantgardestdmd font-medium"
+        >
+          <a
+            v-for="route in pages"
+            :key="`url-${route.url}`"
+            :href="route.url"
+            :target="route.openInNewTab ? '_blank' : '_self'"
+            class="hover:text-[#00BAAF] route"
+            >{{ route.name }}</a
+          >
         </div>
       </div>
       <div class="hidden md:flex items-center space-x-4">
         <a href="https://github.com/PlayCover/PlayCover/releases">
-          <Button size="lg">
-            Download
-          </Button>
+          <Button size="lg"> Download </Button>
         </a>
       </div>
       <div class="block md:hidden mr-3">
         <MenuIcon class="cursor-pointer h-6 w-6" @click="toggleMobileNav" />
       </div>
     </div>
-    <div v-if="isMobileNavOpen" class="absolute md:hidden bg-light dark:bg-dark w-full border-b border-b-gray-400/20 dark:border-b-gray-200/5 z-[100]">
-      <div class="flex flex-col text-lg items-center font-itcavantgardestdmd font-medium space-y-4 pt-2 pb-10">
-        <a v-for="route in pages" :key="`url-${route.url}`" :href="route.url" class="-mb-0.5 border-b border-transparent hover:text-[#00BAAF] route">{{ route.name }}</a>
+    <div
+      v-if="isMobileNavOpen"
+      class="absolute md:hidden bg-light dark:bg-dark w-full border-b border-b-gray-400/20 dark:border-b-gray-200/5 z-[100]"
+    >
+      <div
+        class="flex flex-col text-lg items-center font-itcavantgardestdmd font-medium space-y-4 pt-2 pb-10"
+      >
+        <a
+          v-for="route in pages"
+          :key="`url-${route.url}`"
+          :href="route.url"
+          :target="route.openInNewTab ? '_blank' : '_self'"
+          class="-mb-0.5 border-b border-transparent hover:text-[#00BAAF] route"
+          >{{ route.name }}</a
+        >
       </div>
     </div>
   </div>
 </template>
 
-<style>
-</style>
+<style></style>
diff --git a/src/utils/statics.ts b/src/utils/statics.ts
index b6b0f54..3f9762f 100644
--- a/src/utils/statics.ts
+++ b/src/utils/statics.ts
@@ -44,24 +44,34 @@ const featuredGames = [
     link: 'https://is5-ssl.mzstatic.com/image/thumb/Purple112/v4/31/44/7b/31447b8b-6489-354b-e0db-34c957d50019/AppIcon-0-0-1x_U007emarketing-0-0-0-7-0-0-sRGB-0-0-0-GLES2_U002c0-512MB-85-220-0-0.png/246x0w.webp',
     classes: 'rounded-xl',
   },
-]
+];
 
 const pages = [
   {
-    name: 'Home', url: '/',
+    name: 'Home',
+    url: '/',
+    openInNewTab: false,
   },
   {
-    name: 'Contributors', url: '/contributors',
+    name: 'Contributors',
+    url: '/contributors',
+    openInNewTab: false,
   },
   {
-    name: 'Changelog', url: '/changelog',
+    name: 'Changelog',
+    url: '/changelog',
+    openInNewTab: false,
   },
   {
-    name: 'Docs', url: 'https://docs.playcover.io/',
+    name: 'Docs',
+    url: 'https://docs.playcover.io/',
+    openInNewTab: true,
   },
   {
-    name: 'Discord', url: 'https://discord.gg/RNCHsQHr3S',
+    name: 'Discord',
+    url: 'https://discord.gg/RNCHsQHr3S',
+    openInNewTab: true,
   },
-]
+];
 
-export { featuredGames, pages }
+export { featuredGames, pages };