diff --git a/components/http/Request.vue b/components/http/Request.vue
index 51789182b..d99393002 100644
--- a/components/http/Request.vue
+++ b/components/http/Request.vue
@@ -115,27 +115,18 @@
           <SmartItem
             :label="$t('import.curl')"
             icon="import_export"
-            @click.native="
-              showCurlImportModal = !showCurlImportModal
-              sendOptions.tippy().hide()
-            "
+            @click.native="showCurlImportModal = !showCurlImportModal"
           />
           <SmartItem
             :label="$t('show.code')"
             icon="code"
-            @click.native="
-              showCodegenModal = !showCodegenModal
-              sendOptions.tippy().hide()
-            "
+            @click.native="showCodegenModal = !showCodegenModal"
           />
           <SmartItem
             ref="clearAll"
             :label="$t('action.clear_all')"
             icon="clear_all"
-            @click.native="
-              clearContent()
-              sendOptions.tippy().hide()
-            "
+            @click.native="clearContent()"
           />
         </tippy>
       </span>
@@ -174,19 +165,13 @@
             ref="copyRequest"
             :label="$t('request.copy_link')"
             :icon="hasNavigatorShare ? 'share' : 'content_copy'"
-            @click.native="
-              copyRequest()
-              saveOptions.tippy().hide()
-            "
+            @click.native="copyRequest()"
           />
           <SmartItem
             ref="saveRequest"
             :label="$t('request.save_as')"
             icon="create_new_folder"
-            @click.native="
-              showSaveRequestModal = true
-              saveOptions.tippy().hide()
-            "
+            @click.native="showSaveRequestModal = true"
           />
         </tippy>
       </span>
@@ -207,14 +192,8 @@
   </div>
 </template>
 
-<script lang="ts">
-import {
-  computed,
-  defineComponent,
-  ref,
-  useContext,
-  watch,
-} from "@nuxtjs/composition-api"
+<script setup lang="ts">
+import { computed, ref, useContext, watch } from "@nuxtjs/composition-api"
 import {
   updateRESTResponse,
   restEndpoint$,
@@ -252,212 +231,180 @@ const methods = [
   "CUSTOM",
 ]
 
-export default defineComponent({
-  setup() {
-    const {
-      $toast,
-      app: { i18n },
-    } = useContext()
-    const nuxt = useNuxt()
-    const t = i18n.t.bind(i18n)
-    const { subscribeToStream } = useStreamSubscriber()
+const {
+  $toast,
+  app: { i18n },
+} = useContext()
+const nuxt = useNuxt()
+const t = i18n.t.bind(i18n)
+const { subscribeToStream } = useStreamSubscriber()
 
-    const newEndpoint = useStream(restEndpoint$, "", setRESTEndpoint)
-    const newMethod = useStream(restMethod$, "", updateRESTMethod)
+const newEndpoint = useStream(restEndpoint$, "", setRESTEndpoint)
+const newMethod = useStream(restMethod$, "", updateRESTMethod)
 
-    const loading = ref(false)
+const loading = ref(false)
 
-    const showCurlImportModal = ref(false)
-    const showCodegenModal = ref(false)
-    const showSaveRequestModal = ref(false)
+const showCurlImportModal = ref(false)
+const showCodegenModal = ref(false)
+const showSaveRequestModal = ref(false)
 
-    const hasNavigatorShare = !!navigator.share
+const hasNavigatorShare = !!navigator.share
 
-    // Template refs
-    const methodOptions = ref<any | null>(null)
-    const saveOptions = ref<any | null>(null)
-    const sendOptions = ref<any | null>(null)
+// Template refs
+const methodOptions = ref<any | null>(null)
+const saveOptions = ref<any | null>(null)
+const sendOptions = ref<any | null>(null)
 
-    // Update Nuxt Loading bar
-    watch(loading, () => {
-      if (loading.value) {
-        nuxt.value.$loading.start()
-      } else {
-        nuxt.value.$loading.finish()
-      }
-    })
-
-    const newSendRequest = () => {
-      loading.value = true
-
-      subscribeToStream(
-        runRESTRequest$(),
-        (responseState) => {
-          console.log(responseState)
-          if (loading.value) {
-            // Check exists because, loading can be set to false
-            // when cancelled
-            updateRESTResponse(responseState)
-          }
-        },
-        () => {
-          loading.value = false
-        },
-        () => {
-          loading.value = false
-        }
-      )
-    }
-
-    const cancelRequest = () => {
-      loading.value = false
-      updateRESTResponse(null)
-    }
-
-    const updateMethod = (method: string) => {
-      updateRESTMethod(method)
-    }
-
-    const onSelectMethod = (method: string) => {
-      updateMethod(method)
-      // Vue-tippy has no typescript support yet
-      methodOptions.value.tippy().hide()
-    }
-
-    const clearContent = () => {
-      resetRESTRequest()
-    }
-
-    const copyRequest = () => {
-      if (navigator.share) {
-        const time = new Date().toLocaleTimeString()
-        const date = new Date().toLocaleDateString()
-        navigator
-          .share({
-            title: "Hoppscotch",
-            text: `Hoppscotch • Open source API development ecosystem at ${time} on ${date}`,
-            url: window.location.href,
-          })
-          .then(() => {})
-          .catch(() => {})
-      } else {
-        copyToClipboard(window.location.href)
-        $toast.success(t("state.copied_to_clipboard").toString(), {
-          icon: "content_paste",
-        })
-      }
-    }
-
-    const cycleUpMethod = () => {
-      const currentIndex = methods.indexOf(newMethod.value)
-      if (currentIndex === -1) {
-        // Most probs we are in CUSTOM mode
-        // Cycle up from CUSTOM is PATCH
-        updateMethod("PATCH")
-      } else if (currentIndex === 0) {
-        updateMethod("CUSTOM")
-      } else {
-        updateMethod(methods[currentIndex - 1])
-      }
-    }
-
-    const cycleDownMethod = () => {
-      const currentIndex = methods.indexOf(newMethod.value)
-      if (currentIndex === -1) {
-        // Most probs we are in CUSTOM mode
-        // Cycle down from CUSTOM is GET
-        updateMethod("GET")
-      } else if (currentIndex === methods.length - 1) {
-        updateMethod("GET")
-      } else {
-        updateMethod(methods[currentIndex + 1])
-      }
-    }
-
-    const saveRequest = () => {
-      const saveCtx = getRESTSaveContext()
-      if (!saveCtx) {
-        showSaveRequestModal.value = true
-        return
-      }
-
-      if (saveCtx.originLocation === "user-collection") {
-        editRESTRequest(
-          saveCtx.folderPath,
-          saveCtx.requestIndex,
-          getRESTRequest()
-        )
-      } else if (saveCtx.originLocation === "team-collection") {
-        const req = getRESTRequest()
-
-        // TODO: handle error case (NOTE: overwriteRequestTeams is async)
-        try {
-          overwriteRequestTeams(
-            apolloClient,
-            JSON.stringify(req),
-            req.name,
-            saveCtx.requestID
-          )
-        } catch (error) {
-          showSaveRequestModal.value = true
-          return
-        }
-      }
-      $toast.success(t("request.saved").toString(), {
-        icon: "playlist_add_check",
-      })
-    }
-
-    defineActionHandler("request.send-cancel", () => {
-      if (!loading.value) newSendRequest()
-      else cancelRequest()
-    })
-    defineActionHandler("request.reset", clearContent)
-    defineActionHandler("request.copy-link", copyRequest)
-    defineActionHandler("request.method.next", cycleDownMethod)
-    defineActionHandler("request.method.prev", cycleUpMethod)
-    defineActionHandler("request.save", saveRequest)
-    defineActionHandler(
-      "request.save-as",
-      () => (showSaveRequestModal.value = true)
-    )
-    defineActionHandler("request.method.get", () => updateMethod("GET"))
-    defineActionHandler("request.method.post", () => updateMethod("POST"))
-    defineActionHandler("request.method.put", () => updateMethod("PUT"))
-    defineActionHandler("request.method.delete", () => updateMethod("DELETE"))
-    defineActionHandler("request.method.head", () => updateMethod("HEAD"))
-
-    const isCustomMethod = computed(() => {
-      return newMethod.value === "CUSTOM" || !methods.includes(newMethod.value)
-    })
-
-    return {
-      newEndpoint,
-      newMethod,
-      methods,
-      loading,
-      newSendRequest,
-      requestName: useRESTRequestName(),
-      showCurlImportModal,
-      showCodegenModal,
-      showSaveRequestModal,
-      hasNavigatorShare,
-      updateMethod,
-      cancelRequest,
-      clearContent,
-      copyRequest,
-      onSelectMethod,
-      saveRequest,
-
-      EXPERIMENTAL_URL_BAR_ENABLED: useSetting("EXPERIMENTAL_URL_BAR_ENABLED"),
-
-      // Template refs
-      methodOptions,
-      sendOptions,
-      saveOptions,
-
-      isCustomMethod,
-    }
-  },
+// Update Nuxt Loading bar
+watch(loading, () => {
+  if (loading.value) {
+    nuxt.value.$loading.start()
+  } else {
+    nuxt.value.$loading.finish()
+  }
 })
+
+const newSendRequest = () => {
+  loading.value = true
+
+  subscribeToStream(
+    runRESTRequest$(),
+    (responseState) => {
+      console.log(responseState)
+      if (loading.value) {
+        // Check exists because, loading can be set to false
+        // when cancelled
+        updateRESTResponse(responseState)
+      }
+    },
+    () => {
+      loading.value = false
+    },
+    () => {
+      loading.value = false
+    }
+  )
+}
+
+const cancelRequest = () => {
+  loading.value = false
+  updateRESTResponse(null)
+}
+
+const updateMethod = (method: string) => {
+  updateRESTMethod(method)
+}
+
+const onSelectMethod = (method: string) => {
+  updateMethod(method)
+  // Vue-tippy has no typescript support yet
+  methodOptions.value.tippy().hide()
+}
+
+const clearContent = () => {
+  resetRESTRequest()
+}
+
+const copyRequest = () => {
+  if (navigator.share) {
+    const time = new Date().toLocaleTimeString()
+    const date = new Date().toLocaleDateString()
+    navigator
+      .share({
+        title: "Hoppscotch",
+        text: `Hoppscotch • Open source API development ecosystem at ${time} on ${date}`,
+        url: window.location.href,
+      })
+      .then(() => {})
+      .catch(() => {})
+  } else {
+    copyToClipboard(window.location.href)
+    $toast.success(t("state.copied_to_clipboard").toString(), {
+      icon: "content_paste",
+    })
+  }
+}
+
+const cycleUpMethod = () => {
+  const currentIndex = methods.indexOf(newMethod.value)
+  if (currentIndex === -1) {
+    // Most probs we are in CUSTOM mode
+    // Cycle up from CUSTOM is PATCH
+    updateMethod("PATCH")
+  } else if (currentIndex === 0) {
+    updateMethod("CUSTOM")
+  } else {
+    updateMethod(methods[currentIndex - 1])
+  }
+}
+
+const cycleDownMethod = () => {
+  const currentIndex = methods.indexOf(newMethod.value)
+  if (currentIndex === -1) {
+    // Most probs we are in CUSTOM mode
+    // Cycle down from CUSTOM is GET
+    updateMethod("GET")
+  } else if (currentIndex === methods.length - 1) {
+    updateMethod("GET")
+  } else {
+    updateMethod(methods[currentIndex + 1])
+  }
+}
+
+const saveRequest = () => {
+  const saveCtx = getRESTSaveContext()
+  if (!saveCtx) {
+    showSaveRequestModal.value = true
+    return
+  }
+
+  if (saveCtx.originLocation === "user-collection") {
+    editRESTRequest(saveCtx.folderPath, saveCtx.requestIndex, getRESTRequest())
+  } else if (saveCtx.originLocation === "team-collection") {
+    const req = getRESTRequest()
+
+    // TODO: handle error case (NOTE: overwriteRequestTeams is async)
+    try {
+      overwriteRequestTeams(
+        apolloClient,
+        JSON.stringify(req),
+        req.name,
+        saveCtx.requestID
+      )
+    } catch (error) {
+      showSaveRequestModal.value = true
+      return
+    }
+  }
+  $toast.success(t("request.saved").toString(), {
+    icon: "playlist_add_check",
+  })
+}
+
+defineActionHandler("request.send-cancel", () => {
+  if (!loading.value) newSendRequest()
+  else cancelRequest()
+})
+defineActionHandler("request.reset", clearContent)
+defineActionHandler("request.copy-link", copyRequest)
+defineActionHandler("request.method.next", cycleDownMethod)
+defineActionHandler("request.method.prev", cycleUpMethod)
+defineActionHandler("request.save", saveRequest)
+defineActionHandler(
+  "request.save-as",
+  () => (showSaveRequestModal.value = true)
+)
+defineActionHandler("request.method.get", () => updateMethod("GET"))
+defineActionHandler("request.method.post", () => updateMethod("POST"))
+defineActionHandler("request.method.put", () => updateMethod("PUT"))
+defineActionHandler("request.method.delete", () => updateMethod("DELETE"))
+defineActionHandler("request.method.head", () => updateMethod("HEAD"))
+
+const isCustomMethod = computed(() => {
+  return newMethod.value === "CUSTOM" || !methods.includes(newMethod.value)
+})
+
+const requestName = useRESTRequestName()
+
+const EXPERIMENTAL_URL_BAR_ENABLED = useSetting("EXPERIMENTAL_URL_BAR_ENABLED")
 </script>
diff --git a/nuxt.config.js b/nuxt.config.js
index ceb6da47f..e833a6926 100644
--- a/nuxt.config.js
+++ b/nuxt.config.js
@@ -130,6 +130,8 @@ export default {
     "@nuxtjs/dotenv",
     // https://github.com/nuxt-community/composition-api
     "@nuxtjs/composition-api/module",
+    // https://github.com/antfu/unplugin-vue2-script-setup
+    "unplugin-vue2-script-setup/nuxt",
   ],
 
   // Modules (https://go.nuxtjs.dev/config-modules)
diff --git a/package-lock.json b/package-lock.json
index 8ff5a63a6..e3955d4dd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -62,6 +62,7 @@
         "@types/cookie": "^0.4.1",
         "@types/lodash": "^4.14.172",
         "@types/splitpanes": "^2.2.1",
+        "@vue/runtime-dom": "^3.2.6",
         "@vue/test-utils": "^1.2.2",
         "babel-core": "^7.0.0-bridge.0",
         "babel-jest": "^27.0.6",
@@ -85,6 +86,7 @@
         "stylelint-config-standard": "^22.0.0",
         "ts-jest": "^27.0.5",
         "typescript": "^4.2",
+        "unplugin-vue2-script-setup": "^0.4.2",
         "vue-jest": "^3.0.7",
         "worker-loader": "^3.0.8"
       }
@@ -7623,6 +7625,38 @@
       "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.10.tgz",
       "integrity": "sha512-C7srjHiVG3Ey1nR6d511dtDkCEjxuN9W1HWAEjGq8kpcwmNM6JJkpC0xvabM7BXTG2wDq8Eu33iH9aQKa7IvLQ=="
     },
+    "node_modules/@types/eslint": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.0.tgz",
+      "integrity": "sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "node_modules/@types/eslint-scope": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.1.tgz",
+      "integrity": "sha512-SCFeogqiptms4Fg29WpOTk5nHIzfpKCemSN63ksBQYKTcXoJEmJagV+DhVmbapZzY4/5YaOV1nZwrsU79fFm1g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "0.0.50",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
+      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "node_modules/@types/etag": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/@types/etag/-/etag-1.8.0.tgz",
@@ -8698,6 +8732,42 @@
         "vue": ">= 2.5 < 3"
       }
     },
+    "node_modules/@vue/reactivity": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.6.tgz",
+      "integrity": "sha512-8vIDD2wpCnYisNNZjmcIj+Rixn0uhZNY3G1vzlgdVdLygeRSuFjkmnZk6WwvGzUWpKfnG0e/NUySM3mVi59hAA==",
+      "dev": true,
+      "dependencies": {
+        "@vue/shared": "3.2.6"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.6.tgz",
+      "integrity": "sha512-3mqtgpj/YSGFxtvTufSERRApo92B16JNNxz9p+5eG6PPuqTmuRJz214MqhKBEgLEAIQ6R6YCbd83ZDtjQnyw2g==",
+      "dev": true,
+      "dependencies": {
+        "@vue/reactivity": "3.2.6",
+        "@vue/shared": "3.2.6"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.6.tgz",
+      "integrity": "sha512-fq33urnP0BNCGm2O3KCzkJlKIHI80C94HJ4qDZbjsTtxyOn5IHqwKSqXVN3RQvO6epcQH+sWS+JNwcNDPzoasg==",
+      "dev": true,
+      "dependencies": {
+        "@vue/runtime-core": "3.2.6",
+        "@vue/shared": "3.2.6",
+        "csstype": "^2.6.8"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.6.tgz",
+      "integrity": "sha512-uwX0Qs2e6kdF+WmxwuxJxOnKs/wEkMArtYpHSm7W+VY/23Tl8syMRyjnzEeXrNCAP0/8HZxEGkHJsjPEDNRuHw==",
+      "dev": true
+    },
     "node_modules/@vue/test-utils": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-1.2.2.tgz",
@@ -8759,6 +8829,35 @@
         "@webassemblyjs/ast": "1.9.0"
       }
     },
+    "node_modules/@webassemblyjs/helper-numbers": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
+      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/@webassemblyjs/helper-numbers/node_modules/@webassemblyjs/floating-point-hex-parser": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
+      "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/@webassemblyjs/helper-numbers/node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
+      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "node_modules/@webassemblyjs/helper-wasm-bytecode": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
@@ -9026,6 +9125,17 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/acorn-import-assertions": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.7.6.tgz",
+      "integrity": "sha512-FlVvVFA1TX6l3lp8VjDnYYq7R1nyW6x3svAt4nDgrWQ9SBaSh9CnbwgSUTasgfNfOG5HlM1ehugCvM+hjo56LA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "peerDependencies": {
+        "acorn": "^8"
+      }
+    },
     "node_modules/acorn-loose": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/acorn-loose/-/acorn-loose-6.1.0.tgz",
@@ -13751,6 +13861,12 @@
       "integrity": "sha512-b0tGHbfegbhPJpxpiBPU2sCkigAqtM9O121le6bbOlgyV+NyGyCmVfJ6QW9eRjz8CpNfWEOYBIMIGRYkLwsIYg==",
       "dev": true
     },
+    "node_modules/csstype": {
+      "version": "2.6.17",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.17.tgz",
+      "integrity": "sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A==",
+      "dev": true
+    },
     "node_modules/cuint": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz",
@@ -14638,6 +14754,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/es-module-lexer": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.7.1.tgz",
+      "integrity": "sha512-MgtWFl5No+4S3TmhDmCz2ObFGm6lEpTnzbQi+Dd+pw4mlTIZTmM2iAs5gRlmx5zS9luzobCSBSI90JM/1/JgOw==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "node_modules/es-to-primitive": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
@@ -17241,6 +17365,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "node_modules/global-agent": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-2.2.0.tgz",
@@ -31742,6 +31874,437 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/unplugin-vue2-script-setup": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/unplugin-vue2-script-setup/-/unplugin-vue2-script-setup-0.4.2.tgz",
+      "integrity": "sha512-ib0BORckqpaouOn2Qn6bfCOd4JAOATUOHuz0SX1x0Uj/p2VJIo5wfK5cd6IEKmbdfbRq8ESoB/D13OSPzR+M+w==",
+      "dev": true,
+      "dependencies": {
+        "@babel/core": "^7.15.0",
+        "@babel/generator": "^7.15.0",
+        "@babel/parser": "^7.15.3",
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0",
+        "@vue/shared": "^3.2.4",
+        "htmlparser2": "^6.1.0",
+        "magic-string": "^0.25.7",
+        "unplugin": "^0.0.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/ast": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
+      "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/helper-numbers": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/helper-api-error": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
+      "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/helper-buffer": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
+      "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/helper-wasm-bytecode": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
+      "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/helper-wasm-section": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
+      "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/ieee754": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
+      "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/ieee754": "^1.2.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/leb128": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
+      "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/utf8": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
+      "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/wasm-edit": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
+      "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/helper-wasm-section": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1",
+        "@webassemblyjs/wasm-opt": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1",
+        "@webassemblyjs/wast-printer": "1.11.1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/wasm-gen": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
+      "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/ieee754": "1.11.1",
+        "@webassemblyjs/leb128": "1.11.1",
+        "@webassemblyjs/utf8": "1.11.1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/wasm-opt": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
+      "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-buffer": "1.11.1",
+        "@webassemblyjs/wasm-gen": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/wasm-parser": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
+      "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+        "@webassemblyjs/ieee754": "1.11.1",
+        "@webassemblyjs/leb128": "1.11.1",
+        "@webassemblyjs/utf8": "1.11.1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/@webassemblyjs/wast-printer": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
+      "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@webassemblyjs/ast": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/commander": {
+      "version": "2.20.3",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+      "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/enhanced-resolve": {
+      "version": "5.8.2",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.8.2.tgz",
+      "integrity": "sha512-F27oB3WuHDzvR2DOGNTaYy0D5o0cnrv8TeI482VM4kYgQd/FT9lUQwuNsJ0oOHtBUq7eiW5ytqzp7nBFknL+GA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.2.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/jest-worker": {
+      "version": "27.0.6",
+      "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.0.6.tgz",
+      "integrity": "sha512-qupxcj/dRuA3xHPMUd40gr2EaAurFbkwzOh7wfPaeE9id7hyjURRQoqNfHifHK3XjJU6YJJUQKILGUnwGPEOCA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/node": "*",
+        "merge-stream": "^2.0.0",
+        "supports-color": "^8.0.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/serialize-javascript": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+      "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "randombytes": "^2.1.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/supports-color": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/supports-color?sponsor=1"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/tapable": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.0.tgz",
+      "integrity": "sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/terser": {
+      "version": "5.7.2",
+      "resolved": "https://registry.npmjs.org/terser/-/terser-5.7.2.tgz",
+      "integrity": "sha512-0Omye+RD4X7X69O0eql3lC4Heh/5iLj3ggxR/B5ketZLOtLiOqukUgjw3q4PDnNQbsrkKr3UMypqStQG3XKRvw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "commander": "^2.20.0",
+        "source-map": "~0.7.2",
+        "source-map-support": "~0.5.19"
+      },
+      "bin": {
+        "terser": "bin/terser"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/terser-webpack-plugin": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.1.4.tgz",
+      "integrity": "sha512-C2WkFwstHDhVEmsmlCxrXUtVklS+Ir1A7twrYzrDrQQOIMOaVAYykaoo/Aq1K0QRkMoY2hhvDQY1cm4jnIMFwA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "jest-worker": "^27.0.2",
+        "p-limit": "^3.1.0",
+        "schema-utils": "^3.0.0",
+        "serialize-javascript": "^6.0.0",
+        "source-map": "^0.6.1",
+        "terser": "^5.7.0"
+      },
+      "engines": {
+        "node": ">= 10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependencies": {
+        "webpack": "^5.1.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/terser/node_modules/source-map": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+      "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/unplugin": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-0.0.8.tgz",
+      "integrity": "sha512-eN+JfXcV8Dq9FmnXiU8PHTsBjhyUazlztLh8L2eMLHnh4Gq1oXGkfcKdEQa8FBho5Be6IW2CsDFXwJISK1MiyQ==",
+      "dev": true,
+      "dependencies": {
+        "webpack-virtual-modules": "^0.4.3"
+      },
+      "peerDependencies": {
+        "rollup": "^2.50.0",
+        "vite": "^2.3.0",
+        "webpack": "^5.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        },
+        "vite": {
+          "optional": true
+        },
+        "webpack": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/watchpack": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.2.0.tgz",
+      "integrity": "sha512-up4YAn/XHgZHIxFBVCdlMiWDj6WaLKpwVeGQk2I5thdYxF/KmF0aaz6TfJZ/hfl1h/XlcDr7k1KH7ThDagpFaA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.1.2"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/webpack": {
+      "version": "5.51.1",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.51.1.tgz",
+      "integrity": "sha512-xsn3lwqEKoFvqn4JQggPSRxE4dhsRcysWTqYABAZlmavcoTmwlOb9b1N36Inbt/eIispSkuHa80/FJkDTPos1A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "dependencies": {
+        "@types/eslint-scope": "^3.7.0",
+        "@types/estree": "^0.0.50",
+        "@webassemblyjs/ast": "1.11.1",
+        "@webassemblyjs/wasm-edit": "1.11.1",
+        "@webassemblyjs/wasm-parser": "1.11.1",
+        "acorn": "^8.4.1",
+        "acorn-import-assertions": "^1.7.6",
+        "browserslist": "^4.14.5",
+        "chrome-trace-event": "^1.0.2",
+        "enhanced-resolve": "^5.8.0",
+        "es-module-lexer": "^0.7.1",
+        "eslint-scope": "5.1.1",
+        "events": "^3.2.0",
+        "glob-to-regexp": "^0.4.1",
+        "graceful-fs": "^4.2.4",
+        "json-parse-better-errors": "^1.0.2",
+        "loader-runner": "^4.2.0",
+        "mime-types": "^2.1.27",
+        "neo-async": "^2.6.2",
+        "schema-utils": "^3.1.0",
+        "tapable": "^2.1.1",
+        "terser-webpack-plugin": "^5.1.3",
+        "watchpack": "^2.2.0",
+        "webpack-sources": "^3.2.0"
+      },
+      "bin": {
+        "webpack": "bin/webpack.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      },
+      "peerDependenciesMeta": {
+        "webpack-cli": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/unplugin-vue2-script-setup/node_modules/webpack-sources": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.0.tgz",
+      "integrity": "sha512-fahN08Et7P9trej8xz/Z7eRu8ltyiygEo/hnRi9KqBUs80KeDcnf96ZJo++ewWd84fEf3xSX9bp4ZS9hbw0OBw==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
     "node_modules/unquote": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
@@ -40416,6 +40979,38 @@
       "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.10.tgz",
       "integrity": "sha512-C7srjHiVG3Ey1nR6d511dtDkCEjxuN9W1HWAEjGq8kpcwmNM6JJkpC0xvabM7BXTG2wDq8Eu33iH9aQKa7IvLQ=="
     },
+    "@types/eslint": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-7.28.0.tgz",
+      "integrity": "sha512-07XlgzX0YJUn4iG1ocY4IX9DzKSmMGUs6ESKlxWhZRaa0fatIWaHWUVapcuGa8r5HFnTqzj+4OCjd5f7EZ/i/A==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@types/estree": "*",
+        "@types/json-schema": "*"
+      }
+    },
+    "@types/eslint-scope": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.1.tgz",
+      "integrity": "sha512-SCFeogqiptms4Fg29WpOTk5nHIzfpKCemSN63ksBQYKTcXoJEmJagV+DhVmbapZzY4/5YaOV1nZwrsU79fFm1g==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@types/eslint": "*",
+        "@types/estree": "*"
+      }
+    },
+    "@types/estree": {
+      "version": "0.0.50",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.50.tgz",
+      "integrity": "sha512-C6N5s2ZFtuZRj54k2/zyRhNDjJwwcViAM3Nbm8zjBpbqAdZ00mr0CFxvSKeO8Y/e03WVFLpQMdHYVfUd6SB+Hw==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "@types/etag": {
       "version": "1.8.0",
       "resolved": "https://registry.npmjs.org/@types/etag/-/etag-1.8.0.tgz",
@@ -41338,6 +41933,42 @@
         "tslib": "^2.3.0"
       }
     },
+    "@vue/reactivity": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.2.6.tgz",
+      "integrity": "sha512-8vIDD2wpCnYisNNZjmcIj+Rixn0uhZNY3G1vzlgdVdLygeRSuFjkmnZk6WwvGzUWpKfnG0e/NUySM3mVi59hAA==",
+      "dev": true,
+      "requires": {
+        "@vue/shared": "3.2.6"
+      }
+    },
+    "@vue/runtime-core": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.2.6.tgz",
+      "integrity": "sha512-3mqtgpj/YSGFxtvTufSERRApo92B16JNNxz9p+5eG6PPuqTmuRJz214MqhKBEgLEAIQ6R6YCbd83ZDtjQnyw2g==",
+      "dev": true,
+      "requires": {
+        "@vue/reactivity": "3.2.6",
+        "@vue/shared": "3.2.6"
+      }
+    },
+    "@vue/runtime-dom": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.2.6.tgz",
+      "integrity": "sha512-fq33urnP0BNCGm2O3KCzkJlKIHI80C94HJ4qDZbjsTtxyOn5IHqwKSqXVN3RQvO6epcQH+sWS+JNwcNDPzoasg==",
+      "dev": true,
+      "requires": {
+        "@vue/runtime-core": "3.2.6",
+        "@vue/shared": "3.2.6",
+        "csstype": "^2.6.8"
+      }
+    },
+    "@vue/shared": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.2.6.tgz",
+      "integrity": "sha512-uwX0Qs2e6kdF+WmxwuxJxOnKs/wEkMArtYpHSm7W+VY/23Tl8syMRyjnzEeXrNCAP0/8HZxEGkHJsjPEDNRuHw==",
+      "dev": true
+    },
     "@vue/test-utils": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-1.2.2.tgz",
@@ -41395,6 +42026,37 @@
         "@webassemblyjs/ast": "1.9.0"
       }
     },
+    "@webassemblyjs/helper-numbers": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.1.tgz",
+      "integrity": "sha512-vDkbxiB8zfnPdNK9Rajcey5C0w+QJugEglN0of+kmO8l7lDb77AnlKYQF7aarZuCrv+l0UvqL+68gSDr3k9LPQ==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "requires": {
+        "@webassemblyjs/floating-point-hex-parser": "1.11.1",
+        "@webassemblyjs/helper-api-error": "1.11.1",
+        "@xtuc/long": "4.2.2"
+      },
+      "dependencies": {
+        "@webassemblyjs/floating-point-hex-parser": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.1.tgz",
+          "integrity": "sha512-iGRfyc5Bq+NnNuX8b5hwBrRjzf0ocrJPI6GWFodBFzmFnyvrQ83SHKhmilCU/8Jv67i4GJZBMhEzltxzcNagtQ==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "@webassemblyjs/helper-api-error": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
+          "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        }
+      }
+    },
     "@webassemblyjs/helper-wasm-bytecode": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.9.0.tgz",
@@ -41628,6 +42290,15 @@
         }
       }
     },
+    "acorn-import-assertions": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.7.6.tgz",
+      "integrity": "sha512-FlVvVFA1TX6l3lp8VjDnYYq7R1nyW6x3svAt4nDgrWQ9SBaSh9CnbwgSUTasgfNfOG5HlM1ehugCvM+hjo56LA==",
+      "dev": true,
+      "optional": true,
+      "peer": true,
+      "requires": {}
+    },
     "acorn-loose": {
       "version": "6.1.0",
       "resolved": "https://registry.npmjs.org/acorn-loose/-/acorn-loose-6.1.0.tgz",
@@ -45394,6 +46065,12 @@
         }
       }
     },
+    "csstype": {
+      "version": "2.6.17",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-2.6.17.tgz",
+      "integrity": "sha512-u1wmTI1jJGzCJzWndZo8mk4wnPTZd1eOIYTYvuEyOQGfmDl3TrabCCfKnOC86FZwW/9djqTl933UF/cS425i9A==",
+      "dev": true
+    },
     "cuint": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz",
@@ -46097,6 +46774,14 @@
         "unbox-primitive": "^1.0.1"
       }
     },
+    "es-module-lexer": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-0.7.1.tgz",
+      "integrity": "sha512-MgtWFl5No+4S3TmhDmCz2ObFGm6lEpTnzbQi+Dd+pw4mlTIZTmM2iAs5gRlmx5zS9luzobCSBSI90JM/1/JgOw==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "es-to-primitive": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.2.1.tgz",
@@ -48037,6 +48722,14 @@
         "is-glob": "^4.0.1"
       }
     },
+    "glob-to-regexp": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+      "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==",
+      "dev": true,
+      "optional": true,
+      "peer": true
+    },
     "global-agent": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/global-agent/-/global-agent-2.2.0.tgz",
@@ -59214,6 +59907,361 @@
       "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
       "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw="
     },
+    "unplugin-vue2-script-setup": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/unplugin-vue2-script-setup/-/unplugin-vue2-script-setup-0.4.2.tgz",
+      "integrity": "sha512-ib0BORckqpaouOn2Qn6bfCOd4JAOATUOHuz0SX1x0Uj/p2VJIo5wfK5cd6IEKmbdfbRq8ESoB/D13OSPzR+M+w==",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.15.0",
+        "@babel/generator": "^7.15.0",
+        "@babel/parser": "^7.15.3",
+        "@babel/traverse": "^7.15.0",
+        "@babel/types": "^7.15.0",
+        "@vue/shared": "^3.2.4",
+        "htmlparser2": "^6.1.0",
+        "magic-string": "^0.25.7",
+        "unplugin": "^0.0.8"
+      },
+      "dependencies": {
+        "@webassemblyjs/ast": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.11.1.tgz",
+          "integrity": "sha512-ukBh14qFLjxTQNTXocdyksN5QdM28S1CxHt2rdskFyL+xFV7VremuBLVbmCePj+URalXBENx/9Lm7lnhihtCSw==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/helper-numbers": "1.11.1",
+            "@webassemblyjs/helper-wasm-bytecode": "1.11.1"
+          }
+        },
+        "@webassemblyjs/helper-api-error": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.1.tgz",
+          "integrity": "sha512-RlhS8CBCXfRUR/cwo2ho9bkheSXG0+NwooXcc3PAILALf2QLdFyj7KGsKRbVc95hZnhnERon4kW/D3SZpp6Tcg==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "@webassemblyjs/helper-buffer": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.11.1.tgz",
+          "integrity": "sha512-gwikF65aDNeeXa8JxXa2BAk+REjSyhrNC9ZwdT0f8jc4dQQeDQ7G4m0f2QCLPJiMTTO6wfDmRmj/pW0PsUvIcA==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "@webassemblyjs/helper-wasm-bytecode": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.1.tgz",
+          "integrity": "sha512-PvpoOGiJwXeTrSf/qfudJhwlvDQxFgelbMqtq52WWiXC6Xgg1IREdngmPN3bs4RoO83PnL/nFrxucXj1+BX62Q==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "@webassemblyjs/helper-wasm-section": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.11.1.tgz",
+          "integrity": "sha512-10P9No29rYX1j7F3EVPX3JvGPQPae+AomuSTPiF9eBQeChHI6iqjMIwR9JmOJXwpnn/oVGDk7I5IlskuMwU/pg==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/ast": "1.11.1",
+            "@webassemblyjs/helper-buffer": "1.11.1",
+            "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+            "@webassemblyjs/wasm-gen": "1.11.1"
+          }
+        },
+        "@webassemblyjs/ieee754": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.1.tgz",
+          "integrity": "sha512-hJ87QIPtAMKbFq6CGTkZYJivEwZDbQUgYd3qKSadTNOhVY7p+gfP6Sr0lLRVTaG1JjFj+r3YchoqRYxNH3M0GQ==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@xtuc/ieee754": "^1.2.0"
+          }
+        },
+        "@webassemblyjs/leb128": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.1.tgz",
+          "integrity": "sha512-BJ2P0hNZ0u+Th1YZXJpzW6miwqQUGcIHT1G/sf72gLVD9DZ5AdYTqPNbHZh6K1M5VmKvFXwGSWZADz+qBWxeRw==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@xtuc/long": "4.2.2"
+          }
+        },
+        "@webassemblyjs/utf8": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.1.tgz",
+          "integrity": "sha512-9kqcxAEdMhiwQkHpkNiorZzqpGrodQQ2IGrHHxCy+Ozng0ofyMA0lTqiLkVs1uzTRejX+/O0EOT7KxqVPuXosQ==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "@webassemblyjs/wasm-edit": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.11.1.tgz",
+          "integrity": "sha512-g+RsupUC1aTHfR8CDgnsVRVZFJqdkFHpsHMfJuWQzWU3tvnLC07UqHICfP+4XyL2tnr1amvl1Sdp06TnYCmVkA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/ast": "1.11.1",
+            "@webassemblyjs/helper-buffer": "1.11.1",
+            "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+            "@webassemblyjs/helper-wasm-section": "1.11.1",
+            "@webassemblyjs/wasm-gen": "1.11.1",
+            "@webassemblyjs/wasm-opt": "1.11.1",
+            "@webassemblyjs/wasm-parser": "1.11.1",
+            "@webassemblyjs/wast-printer": "1.11.1"
+          }
+        },
+        "@webassemblyjs/wasm-gen": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.11.1.tgz",
+          "integrity": "sha512-F7QqKXwwNlMmsulj6+O7r4mmtAlCWfO/0HdgOxSklZfQcDu0TpLiD1mRt/zF25Bk59FIjEuGAIyn5ei4yMfLhA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/ast": "1.11.1",
+            "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+            "@webassemblyjs/ieee754": "1.11.1",
+            "@webassemblyjs/leb128": "1.11.1",
+            "@webassemblyjs/utf8": "1.11.1"
+          }
+        },
+        "@webassemblyjs/wasm-opt": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.11.1.tgz",
+          "integrity": "sha512-VqnkNqnZlU5EB64pp1l7hdm3hmQw7Vgqa0KF/KCNO9sIpI6Fk6brDEiX+iCOYrvMuBWDws0NkTOxYEb85XQHHw==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/ast": "1.11.1",
+            "@webassemblyjs/helper-buffer": "1.11.1",
+            "@webassemblyjs/wasm-gen": "1.11.1",
+            "@webassemblyjs/wasm-parser": "1.11.1"
+          }
+        },
+        "@webassemblyjs/wasm-parser": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.11.1.tgz",
+          "integrity": "sha512-rrBujw+dJu32gYB7/Lup6UhdkPx9S9SnobZzRVL7VcBH9Bt9bCBLEuX/YXOOtBsOZ4NQrRykKhffRWHvigQvOA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/ast": "1.11.1",
+            "@webassemblyjs/helper-api-error": "1.11.1",
+            "@webassemblyjs/helper-wasm-bytecode": "1.11.1",
+            "@webassemblyjs/ieee754": "1.11.1",
+            "@webassemblyjs/leb128": "1.11.1",
+            "@webassemblyjs/utf8": "1.11.1"
+          }
+        },
+        "@webassemblyjs/wast-printer": {
+          "version": "1.11.1",
+          "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.11.1.tgz",
+          "integrity": "sha512-IQboUWM4eKzWW+N/jij2sRatKMh99QEelo3Eb2q0qXkvPRISAj8Qxtmw5itwqK+TTkBuUIE45AxYPToqPtL5gg==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@webassemblyjs/ast": "1.11.1",
+            "@xtuc/long": "4.2.2"
+          }
+        },
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+          "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "enhanced-resolve": {
+          "version": "5.8.2",
+          "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.8.2.tgz",
+          "integrity": "sha512-F27oB3WuHDzvR2DOGNTaYy0D5o0cnrv8TeI482VM4kYgQd/FT9lUQwuNsJ0oOHtBUq7eiW5ytqzp7nBFknL+GA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "graceful-fs": "^4.2.4",
+            "tapable": "^2.2.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "jest-worker": {
+          "version": "27.0.6",
+          "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.0.6.tgz",
+          "integrity": "sha512-qupxcj/dRuA3xHPMUd40gr2EaAurFbkwzOh7wfPaeE9id7hyjURRQoqNfHifHK3XjJU6YJJUQKILGUnwGPEOCA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@types/node": "*",
+            "merge-stream": "^2.0.0",
+            "supports-color": "^8.0.0"
+          }
+        },
+        "serialize-javascript": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.0.tgz",
+          "integrity": "sha512-Qr3TosvguFt8ePWqsvRfrKyQXIiW+nGbYpy8XK24NQHE83caxWt+mIymTT19DGFbNWNLfEwsrkSmN64lVWB9ag==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "randombytes": "^2.1.0"
+          }
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "supports-color": {
+          "version": "8.1.1",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+          "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "tapable": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.0.tgz",
+          "integrity": "sha512-FBk4IesMV1rBxX2tfiK8RAmogtWn53puLOQlvO8XuwlgxcYbP4mVPS9Ph4aeamSyyVjOl24aYWAuc8U5kCVwMw==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        },
+        "terser": {
+          "version": "5.7.2",
+          "resolved": "https://registry.npmjs.org/terser/-/terser-5.7.2.tgz",
+          "integrity": "sha512-0Omye+RD4X7X69O0eql3lC4Heh/5iLj3ggxR/B5ketZLOtLiOqukUgjw3q4PDnNQbsrkKr3UMypqStQG3XKRvw==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "commander": "^2.20.0",
+            "source-map": "~0.7.2",
+            "source-map-support": "~0.5.19"
+          },
+          "dependencies": {
+            "source-map": {
+              "version": "0.7.3",
+              "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.3.tgz",
+              "integrity": "sha512-CkCj6giN3S+n9qrYiBTX5gystlENnRW5jZeNLHpe6aue+SrHcG5VYwujhW9s4dY31mEGsxBDrHR6oI69fTXsaQ==",
+              "dev": true,
+              "optional": true,
+              "peer": true
+            }
+          }
+        },
+        "terser-webpack-plugin": {
+          "version": "5.1.4",
+          "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.1.4.tgz",
+          "integrity": "sha512-C2WkFwstHDhVEmsmlCxrXUtVklS+Ir1A7twrYzrDrQQOIMOaVAYykaoo/Aq1K0QRkMoY2hhvDQY1cm4jnIMFwA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "jest-worker": "^27.0.2",
+            "p-limit": "^3.1.0",
+            "schema-utils": "^3.0.0",
+            "serialize-javascript": "^6.0.0",
+            "source-map": "^0.6.1",
+            "terser": "^5.7.0"
+          }
+        },
+        "unplugin": {
+          "version": "0.0.8",
+          "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-0.0.8.tgz",
+          "integrity": "sha512-eN+JfXcV8Dq9FmnXiU8PHTsBjhyUazlztLh8L2eMLHnh4Gq1oXGkfcKdEQa8FBho5Be6IW2CsDFXwJISK1MiyQ==",
+          "dev": true,
+          "requires": {
+            "webpack-virtual-modules": "^0.4.3"
+          }
+        },
+        "watchpack": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.2.0.tgz",
+          "integrity": "sha512-up4YAn/XHgZHIxFBVCdlMiWDj6WaLKpwVeGQk2I5thdYxF/KmF0aaz6TfJZ/hfl1h/XlcDr7k1KH7ThDagpFaA==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "glob-to-regexp": "^0.4.1",
+            "graceful-fs": "^4.1.2"
+          }
+        },
+        "webpack": {
+          "version": "5.51.1",
+          "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.51.1.tgz",
+          "integrity": "sha512-xsn3lwqEKoFvqn4JQggPSRxE4dhsRcysWTqYABAZlmavcoTmwlOb9b1N36Inbt/eIispSkuHa80/FJkDTPos1A==",
+          "dev": true,
+          "optional": true,
+          "peer": true,
+          "requires": {
+            "@types/eslint-scope": "^3.7.0",
+            "@types/estree": "^0.0.50",
+            "@webassemblyjs/ast": "1.11.1",
+            "@webassemblyjs/wasm-edit": "1.11.1",
+            "@webassemblyjs/wasm-parser": "1.11.1",
+            "acorn": "^8.4.1",
+            "acorn-import-assertions": "^1.7.6",
+            "browserslist": "^4.14.5",
+            "chrome-trace-event": "^1.0.2",
+            "enhanced-resolve": "^5.8.0",
+            "es-module-lexer": "^0.7.1",
+            "eslint-scope": "5.1.1",
+            "events": "^3.2.0",
+            "glob-to-regexp": "^0.4.1",
+            "graceful-fs": "^4.2.4",
+            "json-parse-better-errors": "^1.0.2",
+            "loader-runner": "^4.2.0",
+            "mime-types": "^2.1.27",
+            "neo-async": "^2.6.2",
+            "schema-utils": "^3.1.0",
+            "tapable": "^2.1.1",
+            "terser-webpack-plugin": "^5.1.3",
+            "watchpack": "^2.2.0",
+            "webpack-sources": "^3.2.0"
+          }
+        },
+        "webpack-sources": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.0.tgz",
+          "integrity": "sha512-fahN08Et7P9trej8xz/Z7eRu8ltyiygEo/hnRi9KqBUs80KeDcnf96ZJo++ewWd84fEf3xSX9bp4ZS9hbw0OBw==",
+          "dev": true,
+          "optional": true,
+          "peer": true
+        }
+      }
+    },
     "unquote": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/unquote/-/unquote-1.1.1.tgz",
diff --git a/package.json b/package.json
index 0ea525128..5fdf39b68 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
   "private": true,
   "scripts": {
     "dev": "nuxt",
-    "build": "nuxt build",
+    "build": "vue-tsc --noEmit && nuxt build",
     "start": "nuxt start",
     "generate": "nuxt generate --modern",
     "analyze": "npx nuxt build -a",
@@ -77,6 +77,7 @@
     "@types/cookie": "^0.4.1",
     "@types/lodash": "^4.14.172",
     "@types/splitpanes": "^2.2.1",
+    "@vue/runtime-dom": "^3.2.6",
     "@vue/test-utils": "^1.2.2",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^27.0.6",
@@ -100,6 +101,7 @@
     "stylelint-config-standard": "^22.0.0",
     "ts-jest": "^27.0.5",
     "typescript": "^4.2",
+    "unplugin-vue2-script-setup": "^0.4.2",
     "vue-jest": "^3.0.7",
     "worker-loader": "^3.0.8"
   }
diff --git a/tsconfig.json b/tsconfig.json
index 0f427aa8e..56c2cd17d 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -14,7 +14,7 @@
       "~/*": ["./*"],
       "@/*": ["./*"]
     },
-    "types": ["@types/node", "@nuxt/types", "@nuxtjs/i18n", "@nuxtjs/toast"]
+    "types": ["@types/node", "@nuxt/types", "@nuxtjs/i18n", "@nuxtjs/toast", "unplugin-vue2-script-setup/types"]
   },
   "exclude": ["node_modules", ".nuxt", "dist"]
 }