diff --git a/package-lock.json b/package-lock.json
index 8566e53..7b74009 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,31 +17,31 @@
         "debounce": "^1.2.1",
         "hash-sum": "^2.0.0",
         "prismjs": "^1.29.0",
-        "vue-inbrowser-compiler-sucrase": "^4.69.2",
+        "vue-inbrowser-compiler-sucrase": "^4.72.0",
         "vue-inbrowser-prismjs-highlighter": "^4.69.1",
         "vue-prism-editor": "^2.0.0-alpha.2"
       },
       "devDependencies": {
-        "@babel/runtime": "^7.21.0",
+        "@babel/runtime": "^7.21.5",
         "@types/debounce": "^1.2.1",
         "@types/hash-sum": "^1.0.0",
         "@types/jsdom": "^21.1.1",
-        "@types/node": "^18.15.12",
+        "@types/node": "^20.0.0",
         "@types/prismjs": "^1.26.0",
         "@uivjs/vue-github-corners": "^1.0.1",
-        "@vitejs/plugin-vue": "^4.1.0",
-        "@vue/tsconfig": "^0.1.3",
+        "@vitejs/plugin-vue": "^4.2.1",
+        "@vue/tsconfig": "^0.3.2",
         "autoprefixer": "^10.4.14",
-        "cypress": "^12.10.0",
-        "prettier": "2.8.7",
+        "cypress": "^12.11.0",
+        "prettier": "2.8.8",
         "start-server-and-test": "^2.0.0",
         "typescript": "^5.0.4",
         "validate-commit-msg": "^1.1.3",
-        "vite": "^4.3.1",
-        "vitest": "^0.30.1",
+        "vite": "^4.3.5",
+        "vitest": "^0.31.0",
         "vue": "^3.2.47",
         "vue-github-corners": "^1.2.3",
-        "vue-tsc": "^1.4.0",
+        "vue-tsc": "1.5.2",
         "vue3-datepicker": "^0.3.4"
       },
       "peerDependencies": {
@@ -49,9 +49,9 @@
       }
     },
     "node_modules/@babel/parser": {
-      "version": "7.18.10",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.10.tgz",
-      "integrity": "sha512-TYk3OA0HKL6qNryUayb5UUEhM/rkOQozIBEA5ITXh5DWrSp0TlUQXMyZmnWxG/DizSWBeeQ0Zbc5z8UGaaqoeg==",
+      "version": "7.21.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
+      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA==",
       "bin": {
         "parser": "bin/babel-parser.js"
       },
@@ -60,9 +60,9 @@
       }
     },
     "node_modules/@babel/runtime": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
-      "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
+      "version": "7.21.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.5.tgz",
+      "integrity": "sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q==",
       "dev": true,
       "dependencies": {
         "regenerator-runtime": "^0.13.11"
@@ -622,9 +622,9 @@
       }
     },
     "node_modules/@types/node": {
-      "version": "18.15.12",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.12.tgz",
-      "integrity": "sha512-Wha1UwsB3CYdqUm2PPzh/1gujGCNtWVUYF0mB00fJFoR4gTyWTDPjSm+zBF787Ahw8vSGgBja90MkgFwvB86Dg==",
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.0.0.tgz",
+      "integrity": "sha512-cD2uPTDnQQCVpmRefonO98/PPijuOnnEy5oytWJFPY1N9aJCz2wJ5kSGWO+zJoed2cY2JxQh6yBuUq4vIn61hw==",
       "dev": true
     },
     "node_modules/@types/prismjs": {
@@ -671,9 +671,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.1.0.tgz",
-      "integrity": "sha512-++9JOAFdcXI3lyer9UKUV4rfoQ3T1RN8yDqoCLar86s0xQct5yblxAE+yWgRnU5/0FOlVCpTZpYSBV/bGWrSrQ==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.1.tgz",
+      "integrity": "sha512-ZTZjzo7bmxTRTkb8GSTwkPOYDIP7pwuyV+RV53c9PYUouwcbkIZIvWvNWlX2b1dYZqtOv7D6iUAnJLVNGcLrSw==",
       "dev": true,
       "engines": {
         "node": "^14.18.0 || >=16.0.0"
@@ -684,37 +684,46 @@
       }
     },
     "node_modules/@vitest/expect": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.30.1.tgz",
-      "integrity": "sha512-c3kbEtN8XXJSeN81iDGq29bUzSjQhjES2WR3aColsS4lPGbivwLtas4DNUe0jD9gg/FYGIteqOenfU95EFituw==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.31.0.tgz",
+      "integrity": "sha512-Jlm8ZTyp6vMY9iz9Ny9a0BHnCG4fqBa8neCF6Pk/c/6vkUk49Ls6UBlgGAU82QnzzoaUs9E/mUhq/eq9uMOv/g==",
       "dev": true,
       "dependencies": {
-        "@vitest/spy": "0.30.1",
-        "@vitest/utils": "0.30.1",
+        "@vitest/spy": "0.31.0",
+        "@vitest/utils": "0.31.0",
         "chai": "^4.3.7"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/runner": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.30.1.tgz",
-      "integrity": "sha512-W62kT/8i0TF1UBCNMRtRMOBWJKRnNyv9RrjIgdUryEe0wNpGZvvwPDLuzYdxvgSckzjp54DSpv1xUbv4BQ0qVA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.31.0.tgz",
+      "integrity": "sha512-H1OE+Ly7JFeBwnpHTrKyCNm/oZgr+16N4qIlzzqSG/YRQDATBYmJb/KUn3GrZaiQQyL7GwpNHVZxSQd6juLCgw==",
       "dev": true,
       "dependencies": {
-        "@vitest/utils": "0.30.1",
+        "@vitest/utils": "0.31.0",
         "concordance": "^5.0.4",
         "p-limit": "^4.0.0",
         "pathe": "^1.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/snapshot": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.30.1.tgz",
-      "integrity": "sha512-fJZqKrE99zo27uoZA/azgWyWbFvM1rw2APS05yB0JaLwUIg9aUtvvnBf4q7JWhEcAHmSwbrxKFgyBUga6tq9Tw==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.31.0.tgz",
+      "integrity": "sha512-5dTXhbHnyUMTMOujZPB0wjFjQ6q5x9c8TvAsSPUNKjp1tVU7i9pbqcKPqntyu2oXtmVxKbuHCqrOd+Ft60r4tg==",
       "dev": true,
       "dependencies": {
         "magic-string": "^0.30.0",
         "pathe": "^1.1.0",
         "pretty-format": "^27.5.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/snapshot/node_modules/magic-string": {
@@ -730,63 +739,69 @@
       }
     },
     "node_modules/@vitest/spy": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.30.1.tgz",
-      "integrity": "sha512-YfJeIf37GvTZe04ZKxzJfnNNuNSmTEGnla2OdL60C8od16f3zOfv9q9K0nNii0NfjDJRt/CVN/POuY5/zTS+BA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.31.0.tgz",
+      "integrity": "sha512-IzCEQ85RN26GqjQNkYahgVLLkULOxOm5H/t364LG0JYb3Apg0PsYCHLBYGA006+SVRMWhQvHlBBCyuByAMFmkg==",
       "dev": true,
       "dependencies": {
         "tinyspy": "^2.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@vitest/utils": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.30.1.tgz",
-      "integrity": "sha512-/c8Xv2zUVc+rnNt84QF0Y0zkfxnaGhp87K2dYJMLtLOIckPzuxLVzAtFCicGFdB4NeBHNzTRr1tNn7rCtQcWFA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.31.0.tgz",
+      "integrity": "sha512-kahaRyLX7GS1urekRXN2752X4gIgOGVX4Wo8eDUGUkTWlGpXzf5ZS6N9RUUS+Re3XEE8nVGqNyxkSxF5HXlGhQ==",
       "dev": true,
       "dependencies": {
         "concordance": "^5.0.4",
         "loupe": "^2.3.6",
         "pretty-format": "^27.5.1"
+      },
+      "funding": {
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/@volar/language-core": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.4.0.tgz",
-      "integrity": "sha512-zZg771L/v4MCPwM1KJxvnQ3q3QgbGJtEytivqf+PsxPr0kQ7XtwB1J30dd+YSGN869pXXZ0V6vWdHkDpWC8F3A==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.4.1.tgz",
+      "integrity": "sha512-EIY+Swv+TjsWpxOxujjMf1ZXqOjg9MT2VMXZ+1dKva0wD8W0L6EtptFFcCJdBbcKmGMFkr57Qzz9VNMWhs3jXQ==",
       "dev": true,
       "dependencies": {
-        "@volar/source-map": "1.4.0"
+        "@volar/source-map": "1.4.1"
       }
     },
     "node_modules/@volar/source-map": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.4.0.tgz",
-      "integrity": "sha512-gkV8ol9qtP7aMdgijc8a5Yoxxoo90TT55YCi9bsMbKxEUDsOAnlciFNlijR9Ebe42d67GV3w15/RzjveTRNGBw==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.4.1.tgz",
+      "integrity": "sha512-bZ46ad72dsbzuOWPUtJjBXkzSQzzSejuR3CT81+GvTEI2E994D8JPXzM3tl98zyCNnjgs4OkRyliImL1dvJ5BA==",
       "dev": true,
       "dependencies": {
         "muggle-string": "^0.2.2"
       }
     },
     "node_modules/@volar/typescript": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.4.0.tgz",
-      "integrity": "sha512-r6OMHj/LeS86iQy3LEjjS+qpmHr9I7BiH8gAwp9WEJP76FHlMPi/EPDQxhf3VcMQ/w6Pi5aBczqI+I3akr9t4g==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.4.1.tgz",
+      "integrity": "sha512-phTy6p9yG6bgMIKQWEeDOi/aeT0njZsb1a/G1mrEuDsLmAn24Le4gDwSsGNhea6Uhu+3gdpUZn2PmZXa+WG2iQ==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "1.4.0"
+        "@volar/language-core": "1.4.1"
       },
       "peerDependencies": {
         "typescript": "*"
       }
     },
     "node_modules/@volar/vue-language-core": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.4.0.tgz",
-      "integrity": "sha512-AIl9iW/6qac1FIJNi6cL27HNNWQWN1gzYkAA3qgcyvpx83a7YEbm9uPC9oelQhiODwFtdt3f3U5ta0l/5kKqjw==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.5.2.tgz",
+      "integrity": "sha512-VfApPR5Q6CZD1xVyadUJATqtmoi8WmwSuDo4g/TeGUEivGCn/8ZCEIAYWO/me8ZEsUnfUq4o1ry6ABGj0u17zA==",
       "dev": true,
       "dependencies": {
-        "@volar/language-core": "1.4.0",
-        "@volar/source-map": "1.4.0",
+        "@volar/language-core": "1.4.1",
+        "@volar/source-map": "1.4.1",
         "@vue/compiler-dom": "^3.2.0",
         "@vue/compiler-sfc": "^3.2.0",
         "@vue/reactivity": "^3.2.0",
@@ -821,13 +836,16 @@
       }
     },
     "node_modules/@volar/vue-typescript": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.4.0.tgz",
-      "integrity": "sha512-DOwKNuK4ScK+NXOU+kxMqVbOK9vCIj9TSOX7iBA34CHzIdnjDWK3ne1Iw74ltat2VX1PEyVQKzC74ZxoInV9bw==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.5.2.tgz",
+      "integrity": "sha512-nDe6CbP3VHtBSAQVl7UVJdrYDmjx4SkECHaysiGfh6S7KL4z1PSAq+PHRyxl+XLqvB356bE48HXBa1aMWfsGog==",
       "dev": true,
       "dependencies": {
-        "@volar/typescript": "1.4.0",
-        "@volar/vue-language-core": "1.4.0"
+        "@volar/typescript": "1.4.1",
+        "@volar/vue-language-core": "1.5.2"
+      },
+      "peerDependencies": {
+        "typescript": "*"
       }
     },
     "node_modules/@vue/compiler-core": {
@@ -933,18 +951,10 @@
       "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
     },
     "node_modules/@vue/tsconfig": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.1.3.tgz",
-      "integrity": "sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==",
-      "dev": true,
-      "peerDependencies": {
-        "@types/node": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/node": {
-          "optional": true
-        }
-      }
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.3.2.tgz",
+      "integrity": "sha512-jWzZbGyrZAEbHYGn0kPzJ+MMtIkIxb0+hL5+RghBowyOxMRs9jMdp5XvpXz3wgCzjRZiUucy29042HBe9cxoYA==",
+      "dev": true
     },
     "node_modules/acorn": {
       "version": "8.8.2",
@@ -1563,9 +1573,9 @@
       "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
     },
     "node_modules/cypress": {
-      "version": "12.10.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.10.0.tgz",
-      "integrity": "sha512-Y0wPc221xKKW1/4iAFCphkrG2jNR4MjOne3iGn4mcuCaE7Y5EtXL83N8BzRsAht7GYfWVjJ/UeTqEdDKHz39HQ==",
+      "version": "12.11.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.11.0.tgz",
+      "integrity": "sha512-TJE+CCWI26Hwr5Msb9GpQhFLubdYooW0fmlPwTsfiyxmngqc7+SZGLPeIkj2dTSSZSEtpQVzOzvcnzH0o8G7Vw==",
       "dev": true,
       "hasInstallScript": true,
       "dependencies": {
@@ -2894,9 +2904,15 @@
       }
     },
     "node_modules/nanoid": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
       "bin": {
         "nanoid": "bin/nanoid.cjs"
       },
@@ -3090,20 +3106,20 @@
       }
     },
     "node_modules/pkg-types": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
-      "integrity": "sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
+      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
       "dev": true,
       "dependencies": {
         "jsonc-parser": "^3.2.0",
-        "mlly": "^1.1.1",
+        "mlly": "^1.2.0",
         "pathe": "^1.1.0"
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.21",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
-      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+      "version": "8.4.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
+      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
       "funding": [
         {
           "type": "opencollective",
@@ -3112,10 +3128,14 @@
         {
           "type": "tidelift",
           "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
         }
       ],
       "dependencies": {
-        "nanoid": "^3.3.4",
+        "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       },
@@ -3130,9 +3150,9 @@
       "dev": true
     },
     "node_modules/prettier": {
-      "version": "2.8.7",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
-      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "dev": true,
       "bin": {
         "prettier": "bin-prettier.js"
@@ -3291,9 +3311,9 @@
       }
     },
     "node_modules/rollup": {
-      "version": "3.20.6",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.6.tgz",
-      "integrity": "sha512-2yEB3nQXp/tBQDN0hJScJQheXdvU2wFhh6ld7K/aiZ1vYcak6N/BKjY1QrU6BvO2JWYS8bEs14FRaxXosxy2zw==",
+      "version": "3.21.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.5.tgz",
+      "integrity": "sha512-a4NTKS4u9PusbUJcfF4IMxuqjFzjm6ifj76P54a7cKnvVzJaG12BLVR+hgU2YDGHzyMMQNxLAZWuALsn8q2oQg==",
       "dev": true,
       "bin": {
         "rollup": "dist/bin/rollup"
@@ -3756,9 +3776,9 @@
       "dev": true
     },
     "node_modules/tinypool": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.4.0.tgz",
-      "integrity": "sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.5.0.tgz",
+      "integrity": "sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==",
       "dev": true,
       "engines": {
         "node": ">=14.0.0"
@@ -3862,9 +3882,9 @@
       }
     },
     "node_modules/ufo": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.1.tgz",
-      "integrity": "sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
+      "integrity": "sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==",
       "dev": true
     },
     "node_modules/universalify": {
@@ -3953,14 +3973,14 @@
       }
     },
     "node_modules/vite": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz",
-      "integrity": "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.5.tgz",
+      "integrity": "sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==",
       "dev": true,
       "dependencies": {
         "esbuild": "^0.17.5",
-        "postcss": "^8.4.21",
-        "rollup": "^3.20.2"
+        "postcss": "^8.4.23",
+        "rollup": "^3.21.0"
       },
       "bin": {
         "vite": "bin/vite.js"
@@ -4001,9 +4021,9 @@
       }
     },
     "node_modules/vite-node": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.30.1.tgz",
-      "integrity": "sha512-vTikpU/J7e6LU/8iM3dzBo8ZhEiKZEKRznEMm+mJh95XhWaPrJQraT/QsT2NWmuEf+zgAoMe64PKT7hfZ1Njmg==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.31.0.tgz",
+      "integrity": "sha512-8x1x1LNuPvE2vIvkSB7c1mApX5oqlgsxzHQesYF7l5n1gKrEmrClIiZuOFbFDQcjLsmcWSwwmrWrcGWm9Fxc/g==",
       "dev": true,
       "dependencies": {
         "cac": "^6.7.14",
@@ -4020,23 +4040,23 @@
         "node": ">=v14.18.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antfu"
+        "url": "https://opencollective.com/vitest"
       }
     },
     "node_modules/vitest": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.30.1.tgz",
-      "integrity": "sha512-y35WTrSTlTxfMLttgQk4rHcaDkbHQwDP++SNwPb+7H8yb13Q3cu2EixrtHzF27iZ8v0XCciSsLg00RkPAzB/aA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.31.0.tgz",
+      "integrity": "sha512-JwWJS9p3GU9GxkG7eBSmr4Q4x4bvVBSswaCFf1PBNHiPx00obfhHRJfgHcnI0ffn+NMlIh9QGvG75FlaIBdKGA==",
       "dev": true,
       "dependencies": {
         "@types/chai": "^4.3.4",
         "@types/chai-subset": "^1.3.3",
         "@types/node": "*",
-        "@vitest/expect": "0.30.1",
-        "@vitest/runner": "0.30.1",
-        "@vitest/snapshot": "0.30.1",
-        "@vitest/spy": "0.30.1",
-        "@vitest/utils": "0.30.1",
+        "@vitest/expect": "0.31.0",
+        "@vitest/runner": "0.31.0",
+        "@vitest/snapshot": "0.31.0",
+        "@vitest/spy": "0.31.0",
+        "@vitest/utils": "0.31.0",
         "acorn": "^8.8.2",
         "acorn-walk": "^8.2.0",
         "cac": "^6.7.14",
@@ -4047,13 +4067,12 @@
         "magic-string": "^0.30.0",
         "pathe": "^1.1.0",
         "picocolors": "^1.0.0",
-        "source-map": "^0.6.1",
         "std-env": "^3.3.2",
         "strip-literal": "^1.0.1",
         "tinybench": "^2.4.0",
-        "tinypool": "^0.4.0",
+        "tinypool": "^0.5.0",
         "vite": "^3.0.0 || ^4.0.0",
-        "vite-node": "0.30.1",
+        "vite-node": "0.31.0",
         "why-is-node-running": "^2.2.2"
       },
       "bin": {
@@ -4063,7 +4082,7 @@
         "node": ">=v14.18.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/antfu"
+        "url": "https://opencollective.com/vitest"
       },
       "peerDependencies": {
         "@edge-runtime/vm": "*",
@@ -4145,9 +4164,9 @@
       "license": "MIT"
     },
     "node_modules/vue-inbrowser-compiler-demi": {
-      "version": "4.56.5",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.56.5.tgz",
-      "integrity": "sha512-XMu7t+xRpry0vAm3qM07VO8+sF1hVjxuEy0CopsG3Y5h7G8TEpOQLjhgtsmDNzRjPtY2fU3+Wh8ZSFQMw3+7Ng==",
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.71.1.tgz",
+      "integrity": "sha512-Lv5D++nFXwPk0jN8OLQpQnFvOaBvMZ4ghUCVwnJHkjYOqGJal2QEu5GX6DK4Fa/vdy/kdkWvdlZU4tj1xAEr3g==",
       "hasInstallScript": true,
       "peerDependencies": {
         "@vue/compiler-sfc": ">=3",
@@ -4164,23 +4183,23 @@
       }
     },
     "node_modules/vue-inbrowser-compiler-independent-utils": {
-      "version": "4.64.1",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.64.1.tgz",
-      "integrity": "sha512-Hn32n07XZ8j9W8+fmOXPQL+i+W2e/8i6mkH4Ju3H6nR0+cfvmWM95GhczYi5B27+Y8JlCKgAo04IUiYce4mKAw==",
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.71.1.tgz",
+      "integrity": "sha512-K3wt3iVmNGaFEOUR4JIThQRWfqokxLfnPslD41FDZB2ajXp789+wCqJyGYlIFsvEQ2P61PInw6/ph5iiqg51gg==",
       "peerDependencies": {
         "vue": ">=2"
       }
     },
     "node_modules/vue-inbrowser-compiler-sucrase": {
-      "version": "4.69.2",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-sucrase/-/vue-inbrowser-compiler-sucrase-4.69.2.tgz",
-      "integrity": "sha512-yRQ33nRvxPMwmxHtLzvp6yy9GtWNmGzysGvE4IZQEMGYpzUEIn1oCv6GsgmBNAavxq4r+i26hA6HhdgGwGQHHQ==",
+      "version": "4.72.0",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-sucrase/-/vue-inbrowser-compiler-sucrase-4.72.0.tgz",
+      "integrity": "sha512-mZAhaAU0tNx8ekxU10yarcAyb0h5jIvLiUenLY9e8kR+ZmSBopNXSPEbVPQZW1ccYzM+VTk9DV+lWMGMw73oQw==",
       "dependencies": {
         "@babel/parser": "^7.13.12",
         "camelcase": "^5.3.1",
         "detect-browser": "^5.2.0",
         "sucrase": "3.29.0",
-        "vue-inbrowser-compiler-utils": "^4.64.1",
+        "vue-inbrowser-compiler-utils": "^4.71.1",
         "walkes": "^0.2.1"
       },
       "peerDependencies": {
@@ -4188,13 +4207,13 @@
       }
     },
     "node_modules/vue-inbrowser-compiler-utils": {
-      "version": "4.64.1",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.64.1.tgz",
-      "integrity": "sha512-ktwiNZvumVHHs80jbU9tgLVb8rx1HXrHcJfprdPbaclJ1yEkJzBNuyr0fYnGK3IQUs6eH0HANkdUP1CeuA2cRw==",
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.71.1.tgz",
+      "integrity": "sha512-tyxCHpJLj3ii6u2M0xw3N+1+K7qQ+7MsSFUXAXnS1N8z0Rq74WiEfMlJFc+LdRmxiMk6T4eetJlkPzEIrBtmNA==",
       "dependencies": {
         "camelcase": "^5.3.1",
-        "vue-inbrowser-compiler-demi": "^4.56.5",
-        "vue-inbrowser-compiler-independent-utils": "^4.64.1"
+        "vue-inbrowser-compiler-demi": "^4.71.1",
+        "vue-inbrowser-compiler-independent-utils": "^4.71.1"
       },
       "peerDependencies": {
         "vue": ">=2"
@@ -4232,13 +4251,13 @@
       }
     },
     "node_modules/vue-tsc": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.4.0.tgz",
-      "integrity": "sha512-zASWNqFTIHaY6K8ua0ifFpiX7lA4pz8zKkevLAVYyzBQu6Jc63xWdY3eH0qCUJm7L4K4h9nzbwysta89sfq7ZQ==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.5.2.tgz",
+      "integrity": "sha512-qPD8Pi+wvjuzX1+njTdb4yzC4eT33Ptmp0wGgiIO8F0nAOZLdaWh9y9UyRrUonJy7UBwNRQ2DIVBJojrzf+KLA==",
       "dev": true,
       "dependencies": {
-        "@volar/vue-language-core": "1.4.0",
-        "@volar/vue-typescript": "1.4.0",
+        "@volar/vue-language-core": "1.5.2",
+        "@volar/vue-typescript": "1.5.2",
         "semver": "^7.3.8"
       },
       "bin": {
@@ -4416,14 +4435,14 @@
   },
   "dependencies": {
     "@babel/parser": {
-      "version": "7.18.10",
-      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.18.10.tgz",
-      "integrity": "sha512-TYk3OA0HKL6qNryUayb5UUEhM/rkOQozIBEA5ITXh5DWrSp0TlUQXMyZmnWxG/DizSWBeeQ0Zbc5z8UGaaqoeg=="
+      "version": "7.21.8",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.21.8.tgz",
+      "integrity": "sha512-6zavDGdzG3gUqAdWvlLFfk+36RilI+Pwyuuh7HItyeScCWP3k6i8vKclAQ0bM/0y/Kz/xiwvxhMv9MgTJP5gmA=="
     },
     "@babel/runtime": {
-      "version": "7.21.0",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.0.tgz",
-      "integrity": "sha512-xwII0//EObnq89Ji5AKYQaRYiW/nZ3llSv29d49IuxPhKbtJoLP+9QUUZ4nVragQVtaVGeZrpB+ZtG/Pdy/POw==",
+      "version": "7.21.5",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.21.5.tgz",
+      "integrity": "sha512-8jI69toZqqcsnqGGqwGS4Qb1VwLOEp4hz+CXPywcvjs60u3B4Pom/U/7rm4W8tMOYEB+E9wgD0mW1l3r8qlI9Q==",
       "dev": true,
       "requires": {
         "regenerator-runtime": "^0.13.11"
@@ -4767,9 +4786,9 @@
       }
     },
     "@types/node": {
-      "version": "18.15.12",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.15.12.tgz",
-      "integrity": "sha512-Wha1UwsB3CYdqUm2PPzh/1gujGCNtWVUYF0mB00fJFoR4gTyWTDPjSm+zBF787Ahw8vSGgBja90MkgFwvB86Dg==",
+      "version": "20.0.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.0.0.tgz",
+      "integrity": "sha512-cD2uPTDnQQCVpmRefonO98/PPijuOnnEy5oytWJFPY1N9aJCz2wJ5kSGWO+zJoed2cY2JxQh6yBuUq4vIn61hw==",
       "dev": true
     },
     "@types/prismjs": {
@@ -4814,39 +4833,39 @@
       "requires": {}
     },
     "@vitejs/plugin-vue": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.1.0.tgz",
-      "integrity": "sha512-++9JOAFdcXI3lyer9UKUV4rfoQ3T1RN8yDqoCLar86s0xQct5yblxAE+yWgRnU5/0FOlVCpTZpYSBV/bGWrSrQ==",
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.2.1.tgz",
+      "integrity": "sha512-ZTZjzo7bmxTRTkb8GSTwkPOYDIP7pwuyV+RV53c9PYUouwcbkIZIvWvNWlX2b1dYZqtOv7D6iUAnJLVNGcLrSw==",
       "dev": true,
       "requires": {}
     },
     "@vitest/expect": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.30.1.tgz",
-      "integrity": "sha512-c3kbEtN8XXJSeN81iDGq29bUzSjQhjES2WR3aColsS4lPGbivwLtas4DNUe0jD9gg/FYGIteqOenfU95EFituw==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/expect/-/expect-0.31.0.tgz",
+      "integrity": "sha512-Jlm8ZTyp6vMY9iz9Ny9a0BHnCG4fqBa8neCF6Pk/c/6vkUk49Ls6UBlgGAU82QnzzoaUs9E/mUhq/eq9uMOv/g==",
       "dev": true,
       "requires": {
-        "@vitest/spy": "0.30.1",
-        "@vitest/utils": "0.30.1",
+        "@vitest/spy": "0.31.0",
+        "@vitest/utils": "0.31.0",
         "chai": "^4.3.7"
       }
     },
     "@vitest/runner": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.30.1.tgz",
-      "integrity": "sha512-W62kT/8i0TF1UBCNMRtRMOBWJKRnNyv9RrjIgdUryEe0wNpGZvvwPDLuzYdxvgSckzjp54DSpv1xUbv4BQ0qVA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/runner/-/runner-0.31.0.tgz",
+      "integrity": "sha512-H1OE+Ly7JFeBwnpHTrKyCNm/oZgr+16N4qIlzzqSG/YRQDATBYmJb/KUn3GrZaiQQyL7GwpNHVZxSQd6juLCgw==",
       "dev": true,
       "requires": {
-        "@vitest/utils": "0.30.1",
+        "@vitest/utils": "0.31.0",
         "concordance": "^5.0.4",
         "p-limit": "^4.0.0",
         "pathe": "^1.1.0"
       }
     },
     "@vitest/snapshot": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.30.1.tgz",
-      "integrity": "sha512-fJZqKrE99zo27uoZA/azgWyWbFvM1rw2APS05yB0JaLwUIg9aUtvvnBf4q7JWhEcAHmSwbrxKFgyBUga6tq9Tw==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/snapshot/-/snapshot-0.31.0.tgz",
+      "integrity": "sha512-5dTXhbHnyUMTMOujZPB0wjFjQ6q5x9c8TvAsSPUNKjp1tVU7i9pbqcKPqntyu2oXtmVxKbuHCqrOd+Ft60r4tg==",
       "dev": true,
       "requires": {
         "magic-string": "^0.30.0",
@@ -4866,18 +4885,18 @@
       }
     },
     "@vitest/spy": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.30.1.tgz",
-      "integrity": "sha512-YfJeIf37GvTZe04ZKxzJfnNNuNSmTEGnla2OdL60C8od16f3zOfv9q9K0nNii0NfjDJRt/CVN/POuY5/zTS+BA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/spy/-/spy-0.31.0.tgz",
+      "integrity": "sha512-IzCEQ85RN26GqjQNkYahgVLLkULOxOm5H/t364LG0JYb3Apg0PsYCHLBYGA006+SVRMWhQvHlBBCyuByAMFmkg==",
       "dev": true,
       "requires": {
         "tinyspy": "^2.1.0"
       }
     },
     "@vitest/utils": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.30.1.tgz",
-      "integrity": "sha512-/c8Xv2zUVc+rnNt84QF0Y0zkfxnaGhp87K2dYJMLtLOIckPzuxLVzAtFCicGFdB4NeBHNzTRr1tNn7rCtQcWFA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-0.31.0.tgz",
+      "integrity": "sha512-kahaRyLX7GS1urekRXN2752X4gIgOGVX4Wo8eDUGUkTWlGpXzf5ZS6N9RUUS+Re3XEE8nVGqNyxkSxF5HXlGhQ==",
       "dev": true,
       "requires": {
         "concordance": "^5.0.4",
@@ -4886,40 +4905,40 @@
       }
     },
     "@volar/language-core": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.4.0.tgz",
-      "integrity": "sha512-zZg771L/v4MCPwM1KJxvnQ3q3QgbGJtEytivqf+PsxPr0kQ7XtwB1J30dd+YSGN869pXXZ0V6vWdHkDpWC8F3A==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-1.4.1.tgz",
+      "integrity": "sha512-EIY+Swv+TjsWpxOxujjMf1ZXqOjg9MT2VMXZ+1dKva0wD8W0L6EtptFFcCJdBbcKmGMFkr57Qzz9VNMWhs3jXQ==",
       "dev": true,
       "requires": {
-        "@volar/source-map": "1.4.0"
+        "@volar/source-map": "1.4.1"
       }
     },
     "@volar/source-map": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.4.0.tgz",
-      "integrity": "sha512-gkV8ol9qtP7aMdgijc8a5Yoxxoo90TT55YCi9bsMbKxEUDsOAnlciFNlijR9Ebe42d67GV3w15/RzjveTRNGBw==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-1.4.1.tgz",
+      "integrity": "sha512-bZ46ad72dsbzuOWPUtJjBXkzSQzzSejuR3CT81+GvTEI2E994D8JPXzM3tl98zyCNnjgs4OkRyliImL1dvJ5BA==",
       "dev": true,
       "requires": {
         "muggle-string": "^0.2.2"
       }
     },
     "@volar/typescript": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.4.0.tgz",
-      "integrity": "sha512-r6OMHj/LeS86iQy3LEjjS+qpmHr9I7BiH8gAwp9WEJP76FHlMPi/EPDQxhf3VcMQ/w6Pi5aBczqI+I3akr9t4g==",
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-1.4.1.tgz",
+      "integrity": "sha512-phTy6p9yG6bgMIKQWEeDOi/aeT0njZsb1a/G1mrEuDsLmAn24Le4gDwSsGNhea6Uhu+3gdpUZn2PmZXa+WG2iQ==",
       "dev": true,
       "requires": {
-        "@volar/language-core": "1.4.0"
+        "@volar/language-core": "1.4.1"
       }
     },
     "@volar/vue-language-core": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.4.0.tgz",
-      "integrity": "sha512-AIl9iW/6qac1FIJNi6cL27HNNWQWN1gzYkAA3qgcyvpx83a7YEbm9uPC9oelQhiODwFtdt3f3U5ta0l/5kKqjw==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@volar/vue-language-core/-/vue-language-core-1.5.2.tgz",
+      "integrity": "sha512-VfApPR5Q6CZD1xVyadUJATqtmoi8WmwSuDo4g/TeGUEivGCn/8ZCEIAYWO/me8ZEsUnfUq4o1ry6ABGj0u17zA==",
       "dev": true,
       "requires": {
-        "@volar/language-core": "1.4.0",
-        "@volar/source-map": "1.4.0",
+        "@volar/language-core": "1.4.1",
+        "@volar/source-map": "1.4.1",
         "@vue/compiler-dom": "^3.2.0",
         "@vue/compiler-sfc": "^3.2.0",
         "@vue/reactivity": "^3.2.0",
@@ -4950,13 +4969,13 @@
       }
     },
     "@volar/vue-typescript": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.4.0.tgz",
-      "integrity": "sha512-DOwKNuK4ScK+NXOU+kxMqVbOK9vCIj9TSOX7iBA34CHzIdnjDWK3ne1Iw74ltat2VX1PEyVQKzC74ZxoInV9bw==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/@volar/vue-typescript/-/vue-typescript-1.5.2.tgz",
+      "integrity": "sha512-nDe6CbP3VHtBSAQVl7UVJdrYDmjx4SkECHaysiGfh6S7KL4z1PSAq+PHRyxl+XLqvB356bE48HXBa1aMWfsGog==",
       "dev": true,
       "requires": {
-        "@volar/typescript": "1.4.0",
-        "@volar/vue-language-core": "1.4.0"
+        "@volar/typescript": "1.4.1",
+        "@volar/vue-language-core": "1.5.2"
       }
     },
     "@vue/compiler-core": {
@@ -5059,11 +5078,10 @@
       "integrity": "sha512-BHGyyGN3Q97EZx0taMQ+OLNuZcW3d37ZEVmEAyeoA9ERdGvm9Irc/0Fua8SNyOtV1w6BS4q25wbMzJujO9HIfQ=="
     },
     "@vue/tsconfig": {
-      "version": "0.1.3",
-      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.1.3.tgz",
-      "integrity": "sha512-kQVsh8yyWPvHpb8gIc9l/HIDiiVUy1amynLNpCy8p+FoCiZXCo6fQos5/097MmnNZc9AtseDsCrfkhqCrJ8Olg==",
-      "dev": true,
-      "requires": {}
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.3.2.tgz",
+      "integrity": "sha512-jWzZbGyrZAEbHYGn0kPzJ+MMtIkIxb0+hL5+RghBowyOxMRs9jMdp5XvpXz3wgCzjRZiUucy29042HBe9cxoYA==",
+      "dev": true
     },
     "acorn": {
       "version": "8.8.2",
@@ -5479,9 +5497,9 @@
       "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
     },
     "cypress": {
-      "version": "12.10.0",
-      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.10.0.tgz",
-      "integrity": "sha512-Y0wPc221xKKW1/4iAFCphkrG2jNR4MjOne3iGn4mcuCaE7Y5EtXL83N8BzRsAht7GYfWVjJ/UeTqEdDKHz39HQ==",
+      "version": "12.11.0",
+      "resolved": "https://registry.npmjs.org/cypress/-/cypress-12.11.0.tgz",
+      "integrity": "sha512-TJE+CCWI26Hwr5Msb9GpQhFLubdYooW0fmlPwTsfiyxmngqc7+SZGLPeIkj2dTSSZSEtpQVzOzvcnzH0o8G7Vw==",
       "dev": true,
       "requires": {
         "@cypress/request": "^2.88.10",
@@ -6464,9 +6482,9 @@
       }
     },
     "nanoid": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw=="
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA=="
     },
     "node-releases": {
       "version": "2.0.10",
@@ -6605,22 +6623,22 @@
       "integrity": "sha512-8V9+HQPupnaXMA23c5hvl69zXvTwTzyAYasnkb0Tts4XvO4CliqONMOnvlq26rkhLC3nWDFBJf73LU1e1VZLaQ=="
     },
     "pkg-types": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.2.tgz",
-      "integrity": "sha512-hM58GKXOcj8WTqUXnsQyJYXdeAPbythQgEF3nTcEo+nkD49chjQ9IKm/QJy9xf6JakXptz86h7ecP2024rrLaQ==",
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.0.3.tgz",
+      "integrity": "sha512-nN7pYi0AQqJnoLPC9eHFQ8AcyaixBUOwvqc5TDnIKCMEE6I0y8P7OKA7fPexsXGCGxQDl/cmrLAp26LhcwxZ4A==",
       "dev": true,
       "requires": {
         "jsonc-parser": "^3.2.0",
-        "mlly": "^1.1.1",
+        "mlly": "^1.2.0",
         "pathe": "^1.1.0"
       }
     },
     "postcss": {
-      "version": "8.4.21",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
-      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+      "version": "8.4.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
+      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
       "requires": {
-        "nanoid": "^3.3.4",
+        "nanoid": "^3.3.6",
         "picocolors": "^1.0.0",
         "source-map-js": "^1.0.2"
       }
@@ -6632,9 +6650,9 @@
       "dev": true
     },
     "prettier": {
-      "version": "2.8.7",
-      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.7.tgz",
-      "integrity": "sha512-yPngTo3aXUUmyuTjeTUT75txrf+aMh9FiD7q9ZE/i6r0bPb22g4FsE6Y338PQX1bmfy08i9QQCB7/rcUAVntfw==",
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
       "dev": true
     },
     "pretty-bytes": {
@@ -6749,9 +6767,9 @@
       }
     },
     "rollup": {
-      "version": "3.20.6",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.6.tgz",
-      "integrity": "sha512-2yEB3nQXp/tBQDN0hJScJQheXdvU2wFhh6ld7K/aiZ1vYcak6N/BKjY1QrU6BvO2JWYS8bEs14FRaxXosxy2zw==",
+      "version": "3.21.5",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.21.5.tgz",
+      "integrity": "sha512-a4NTKS4u9PusbUJcfF4IMxuqjFzjm6ifj76P54a7cKnvVzJaG12BLVR+hgU2YDGHzyMMQNxLAZWuALsn8q2oQg==",
       "dev": true,
       "requires": {
         "fsevents": "~2.3.2"
@@ -7103,9 +7121,9 @@
       "dev": true
     },
     "tinypool": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.4.0.tgz",
-      "integrity": "sha512-2ksntHOKf893wSAH4z/+JbPpi92esw8Gn9N2deXX+B0EO92hexAVI9GIZZPx7P5aYo5KULfeOSt3kMOmSOy6uA==",
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/tinypool/-/tinypool-0.5.0.tgz",
+      "integrity": "sha512-paHQtnrlS1QZYKF/GnLoOM/DN9fqaGOFbCbxzAhwniySnzl9Ebk8w73/dd34DAhe/obUbPAOldTyYXQZxnPBPQ==",
       "dev": true
     },
     "tinyspy": {
@@ -7178,9 +7196,9 @@
       "dev": true
     },
     "ufo": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.1.tgz",
-      "integrity": "sha512-MvlCc4GHrmZdAllBc0iUDowff36Q9Ndw/UzqmEKyrfSzokTd9ZCy1i+IIk5hrYKkjoYVQyNbrw7/F8XJ2rEwTg==",
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.1.2.tgz",
+      "integrity": "sha512-TrY6DsjTQQgyS3E3dBaOXf0TpPD8u9FVrVYmKVegJuFw51n/YB9XPt+U6ydzFG5ZIN7+DIjPbNmXoBj9esYhgQ==",
       "dev": true
     },
     "universalify": {
@@ -7232,21 +7250,21 @@
       }
     },
     "vite": {
-      "version": "4.3.1",
-      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.1.tgz",
-      "integrity": "sha512-EPmfPLAI79Z/RofuMvkIS0Yr091T2ReUoXQqc5ppBX/sjFRhHKiPPF/R46cTdoci/XgeQpB23diiJxq5w30vdg==",
+      "version": "4.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.3.5.tgz",
+      "integrity": "sha512-0gEnL9wiRFxgz40o/i/eTBwm+NEbpUeTWhzKrZDSdKm6nplj+z4lKz8ANDgildxHm47Vg8EUia0aicKbawUVVA==",
       "dev": true,
       "requires": {
         "esbuild": "^0.17.5",
         "fsevents": "~2.3.2",
-        "postcss": "^8.4.21",
-        "rollup": "^3.20.2"
+        "postcss": "^8.4.23",
+        "rollup": "^3.21.0"
       }
     },
     "vite-node": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.30.1.tgz",
-      "integrity": "sha512-vTikpU/J7e6LU/8iM3dzBo8ZhEiKZEKRznEMm+mJh95XhWaPrJQraT/QsT2NWmuEf+zgAoMe64PKT7hfZ1Njmg==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/vite-node/-/vite-node-0.31.0.tgz",
+      "integrity": "sha512-8x1x1LNuPvE2vIvkSB7c1mApX5oqlgsxzHQesYF7l5n1gKrEmrClIiZuOFbFDQcjLsmcWSwwmrWrcGWm9Fxc/g==",
       "dev": true,
       "requires": {
         "cac": "^6.7.14",
@@ -7258,19 +7276,19 @@
       }
     },
     "vitest": {
-      "version": "0.30.1",
-      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.30.1.tgz",
-      "integrity": "sha512-y35WTrSTlTxfMLttgQk4rHcaDkbHQwDP++SNwPb+7H8yb13Q3cu2EixrtHzF27iZ8v0XCciSsLg00RkPAzB/aA==",
+      "version": "0.31.0",
+      "resolved": "https://registry.npmjs.org/vitest/-/vitest-0.31.0.tgz",
+      "integrity": "sha512-JwWJS9p3GU9GxkG7eBSmr4Q4x4bvVBSswaCFf1PBNHiPx00obfhHRJfgHcnI0ffn+NMlIh9QGvG75FlaIBdKGA==",
       "dev": true,
       "requires": {
         "@types/chai": "^4.3.4",
         "@types/chai-subset": "^1.3.3",
         "@types/node": "*",
-        "@vitest/expect": "0.30.1",
-        "@vitest/runner": "0.30.1",
-        "@vitest/snapshot": "0.30.1",
-        "@vitest/spy": "0.30.1",
-        "@vitest/utils": "0.30.1",
+        "@vitest/expect": "0.31.0",
+        "@vitest/runner": "0.31.0",
+        "@vitest/snapshot": "0.31.0",
+        "@vitest/spy": "0.31.0",
+        "@vitest/utils": "0.31.0",
         "acorn": "^8.8.2",
         "acorn-walk": "^8.2.0",
         "cac": "^6.7.14",
@@ -7281,13 +7299,12 @@
         "magic-string": "^0.30.0",
         "pathe": "^1.1.0",
         "picocolors": "^1.0.0",
-        "source-map": "^0.6.1",
         "std-env": "^3.3.2",
         "strip-literal": "^1.0.1",
         "tinybench": "^2.4.0",
-        "tinypool": "^0.4.0",
+        "tinypool": "^0.5.0",
         "vite": "^3.0.0 || ^4.0.0",
-        "vite-node": "0.30.1",
+        "vite-node": "0.31.0",
         "why-is-node-running": "^2.2.2"
       },
       "dependencies": {
@@ -7330,38 +7347,38 @@
       }
     },
     "vue-inbrowser-compiler-demi": {
-      "version": "4.56.5",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.56.5.tgz",
-      "integrity": "sha512-XMu7t+xRpry0vAm3qM07VO8+sF1hVjxuEy0CopsG3Y5h7G8TEpOQLjhgtsmDNzRjPtY2fU3+Wh8ZSFQMw3+7Ng==",
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-demi/-/vue-inbrowser-compiler-demi-4.71.1.tgz",
+      "integrity": "sha512-Lv5D++nFXwPk0jN8OLQpQnFvOaBvMZ4ghUCVwnJHkjYOqGJal2QEu5GX6DK4Fa/vdy/kdkWvdlZU4tj1xAEr3g==",
       "requires": {}
     },
     "vue-inbrowser-compiler-independent-utils": {
-      "version": "4.64.1",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.64.1.tgz",
-      "integrity": "sha512-Hn32n07XZ8j9W8+fmOXPQL+i+W2e/8i6mkH4Ju3H6nR0+cfvmWM95GhczYi5B27+Y8JlCKgAo04IUiYce4mKAw==",
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-independent-utils/-/vue-inbrowser-compiler-independent-utils-4.71.1.tgz",
+      "integrity": "sha512-K3wt3iVmNGaFEOUR4JIThQRWfqokxLfnPslD41FDZB2ajXp789+wCqJyGYlIFsvEQ2P61PInw6/ph5iiqg51gg==",
       "requires": {}
     },
     "vue-inbrowser-compiler-sucrase": {
-      "version": "4.69.2",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-sucrase/-/vue-inbrowser-compiler-sucrase-4.69.2.tgz",
-      "integrity": "sha512-yRQ33nRvxPMwmxHtLzvp6yy9GtWNmGzysGvE4IZQEMGYpzUEIn1oCv6GsgmBNAavxq4r+i26hA6HhdgGwGQHHQ==",
+      "version": "4.72.0",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-sucrase/-/vue-inbrowser-compiler-sucrase-4.72.0.tgz",
+      "integrity": "sha512-mZAhaAU0tNx8ekxU10yarcAyb0h5jIvLiUenLY9e8kR+ZmSBopNXSPEbVPQZW1ccYzM+VTk9DV+lWMGMw73oQw==",
       "requires": {
         "@babel/parser": "^7.13.12",
         "camelcase": "^5.3.1",
         "detect-browser": "^5.2.0",
         "sucrase": "3.29.0",
-        "vue-inbrowser-compiler-utils": "^4.64.1",
+        "vue-inbrowser-compiler-utils": "^4.71.1",
         "walkes": "^0.2.1"
       }
     },
     "vue-inbrowser-compiler-utils": {
-      "version": "4.64.1",
-      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.64.1.tgz",
-      "integrity": "sha512-ktwiNZvumVHHs80jbU9tgLVb8rx1HXrHcJfprdPbaclJ1yEkJzBNuyr0fYnGK3IQUs6eH0HANkdUP1CeuA2cRw==",
+      "version": "4.71.1",
+      "resolved": "https://registry.npmjs.org/vue-inbrowser-compiler-utils/-/vue-inbrowser-compiler-utils-4.71.1.tgz",
+      "integrity": "sha512-tyxCHpJLj3ii6u2M0xw3N+1+K7qQ+7MsSFUXAXnS1N8z0Rq74WiEfMlJFc+LdRmxiMk6T4eetJlkPzEIrBtmNA==",
       "requires": {
         "camelcase": "^5.3.1",
-        "vue-inbrowser-compiler-demi": "^4.56.5",
-        "vue-inbrowser-compiler-independent-utils": "^4.64.1"
+        "vue-inbrowser-compiler-demi": "^4.71.1",
+        "vue-inbrowser-compiler-independent-utils": "^4.71.1"
       }
     },
     "vue-inbrowser-prismjs-highlighter": {
@@ -7390,13 +7407,13 @@
       }
     },
     "vue-tsc": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.4.0.tgz",
-      "integrity": "sha512-zASWNqFTIHaY6K8ua0ifFpiX7lA4pz8zKkevLAVYyzBQu6Jc63xWdY3eH0qCUJm7L4K4h9nzbwysta89sfq7ZQ==",
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-1.5.2.tgz",
+      "integrity": "sha512-qPD8Pi+wvjuzX1+njTdb4yzC4eT33Ptmp0wGgiIO8F0nAOZLdaWh9y9UyRrUonJy7UBwNRQ2DIVBJojrzf+KLA==",
       "dev": true,
       "requires": {
-        "@volar/vue-language-core": "1.4.0",
-        "@volar/vue-typescript": "1.4.0",
+        "@volar/vue-language-core": "1.5.2",
+        "@volar/vue-typescript": "1.5.2",
         "semver": "^7.3.8"
       }
     },
diff --git a/package.json b/package.json
index 1c200b7..bf9dbe8 100644
--- a/package.json
+++ b/package.json
@@ -23,31 +23,31 @@
     "debounce": "^1.2.1",
     "hash-sum": "^2.0.0",
     "prismjs": "^1.29.0",
-    "vue-inbrowser-compiler-sucrase": "^4.69.2",
+    "vue-inbrowser-compiler-sucrase": "^4.72.0",
     "vue-inbrowser-prismjs-highlighter": "^4.69.1",
     "vue-prism-editor": "^2.0.0-alpha.2"
   },
   "devDependencies": {
-    "@babel/runtime": "^7.21.0",
+    "@babel/runtime": "^7.21.5",
     "@types/debounce": "^1.2.1",
     "@types/hash-sum": "^1.0.0",
     "@types/jsdom": "^21.1.1",
-    "@types/node": "^18.15.12",
+    "@types/node": "^20.0.0",
     "@types/prismjs": "^1.26.0",
     "@uivjs/vue-github-corners": "^1.0.1",
-    "@vitejs/plugin-vue": "^4.1.0",
-    "@vue/tsconfig": "^0.1.3",
+    "@vitejs/plugin-vue": "^4.2.1",
+    "@vue/tsconfig": "^0.3.2",
     "autoprefixer": "^10.4.14",
-    "cypress": "^12.10.0",
-    "prettier": "2.8.7",
+    "cypress": "^12.11.0",
+    "prettier": "2.8.8",
     "start-server-and-test": "^2.0.0",
     "typescript": "^5.0.4",
     "validate-commit-msg": "^1.1.3",
-    "vite": "^4.3.1",
-    "vitest": "^0.30.1",
+    "vite": "^4.3.5",
+    "vitest": "^0.31.0",
     "vue": "^3.2.47",
     "vue-github-corners": "^1.2.3",
-    "vue-tsc": "^1.4.0",
+    "vue-tsc": "1.5.2",
     "vue3-datepicker": "^0.3.4"
   },
   "peerDependencies": {
diff --git a/src/Preview.vue b/src/Preview.vue
index 565ee2e..13c0eb3 100644
--- a/src/Preview.vue
+++ b/src/Preview.vue
@@ -1,274 +1,283 @@
 <template>
-	<pre class="VueLive-error" v-if="error">{{ error }}</pre>
-	<component v-else-if="previewedComponent" :is="previewedComponent" :key="iteration" />
+  <pre v-if="debug">{{ compiledCodeForDebug }}</pre>
+  <pre class="VueLive-error" v-if="error">{{ error }}</pre>
+  <component v-else-if="previewedComponent" :is="previewedComponent" :key="iteration" />
 </template>
 
 <script lang="ts">
-import { markRaw, h, defineComponent, type DefineComponent } from "vue";
+import { markRaw, h, defineComponent } from "vue";
 import * as Vue from "vue";
 import {
-	compile as compileScript,
-	isCodeVueSfc,
-	addScopedStyle,
-	adaptCreateElement,
-	concatenate,
-	compileTemplateForEval
+  compile as compileScript,
+  isCodeVueSfc,
+  addScopedStyle,
+  adaptCreateElement,
+  concatenate,
+  compileTemplateForEval
 } from "vue-inbrowser-compiler-sucrase";
 import checkTemplate, {
-	VueLiveParseTemplateError,
+  VueLiveParseTemplateError,
 } from "./utils/checkTemplate";
 import evalInContext from "./utils/evalInContext";
 import requireAtRuntime from "./utils/requireAtRuntime";
 
 export default defineComponent({
-	name: "VueLivePreviewComponent",
-	emits: ["error", "success", "detect-language"],
-	components: {},
-	errorCaptured(err) {
-		this.handleError(err);
-	},
-	props: {
-		/**
-		 * code rendered
-		 */
-		code: {
-			type: String,
-			required: true,
-		},
-		/**
-		 * Hashtable of auto-registered components
-		 * @example { DatePicker: VueDatePicker }
-		 * @example { VueDatePicker }
-		 */
-		components: {
-			type: Object,
-			default: () => { },
-		},
-		/**
-		 * Hashtable of auto-registered directives
-		 * @example { Tooltip: VueTooltip }
-		 * @example { VueTooltip }
-		 */
-		directives: {
-			type: Object,
-			default: () => { },
-		},
-		/**
-		 * Hashtable of modules available in require and import statements
-		 * in the code prop
-		 * @example { lodash: require("lodash") }
-		 * @example { moment: require("moment") }
-		 */
-		requires: {
-			type: Object,
-			default: () => { },
-		},
-		jsx: {
-			type: Boolean,
-			default: false,
-		},
-		/**
-		 * Outside data to the preview
-		 * @example { count: 1 }
-		 */
-		dataScope: {
-			type: Object,
-			default: () => { },
-		},
-		/**
-		 * Avoid checking variables for availability it template
-		 */
-		checkVariableAvailability: {
-			type: Boolean,
-			default: true,
-		},
-	},
-	data() {
-		return {
-			scope: this.generateScope(),
-			previewedComponent: markRaw(defineComponent({
-				render: () => h("div"),
-			})),
-			iteration: 0,
-			error: false,
-			removeScopedStyle: () => { },
-		};
-	},
-	computed: {
-		requiresPlusVue(): Record<string, any> {
-			return { vue: Vue, ...this.requires };
-		},
-	},
-	created() {
-		this.renderComponent(this.code.trim());
-	},
-	destroyed() {
-		this.removeStyle();
-	},
-	watch: {
-		code(value) {
-			this.renderComponent(value.trim());
-		},
-	},
-	methods: {
-		/**
-		 * Generates the Scope Id attribute value. It will be added to each
-		 * tag if a style is applied to scope the style only to this example
-		 */
-		generateScope() {
-			return "v-xxxxxxxx".replace(/[xy]/g, (c) => {
-				const r = (Math.random() * 16) | 0;
-				const v = c === "x" ? r : (r & 0x3) | 0x8;
-				return v.toString(16);
-			});
-		},
-		handleError(e: any) {
-			/**
-			 * Emitted every time the component rendered throws an error
-			 * Catches runtime and compilation errors
-			 * @event
-			 * @property { Error } - the error thrown
-			 */
-			if (e.constructor === VueLiveParseTemplateError) {
-				e.message = `Cannot parse template expression: ${JSON.stringify(
-					(e.expression as any).content || e.expression
-				)}\n\n${e.message}`;
-			}
-			this.$emit("error", e);
-			this.error = e.message;
-		},
-		removeStyle() {
-			if (this.removeScopedStyle) {
-				this.removeScopedStyle();
-			}
-		},
-		async renderComponent(code: string) {
-			let options = defineComponent({});
-			let style;
-			try {
-				const renderedComponent = compileScript(
-					code,
-					this.jsx
-						? {
-							jsxPragma: "__pragma__(h)",
-						} : {}
-				);
-				style = renderedComponent.style;
-				if (renderedComponent.script) {
-					// if the compiled code contains a script it might be "just" a script
-					// if so, change scheme used by editor
-					// NOTE: vsg is a superset of JavaScript allowing
-					// the template to add javascript code above the template without fluff, very useful for examples
-					// NOTE2: vsg stands for vue-styleguidist
-					this.$emit("detect-language", isCodeVueSfc(code) ? "vue" : "vsg");
+  name: "VueLivePreviewComponent",
+  emits: ["error", "success", "detect-language"],
+  components: {},
+  errorCaptured(err) {
+    this.handleError(err);
+  },
+  props: {
+    debug: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * code rendered
+     */
+    code: {
+      type: String,
+      required: true,
+    },
+    /**
+     * Hashtable of auto-registered components
+     * @example { DatePicker: VueDatePicker }
+     * @example { VueDatePicker }
+     */
+    components: {
+      type: Object,
+      default: () => { },
+    },
+    /**
+     * Hashtable of auto-registered directives
+     * @example { Tooltip: VueTooltip }
+     * @example { VueTooltip }
+     */
+    directives: {
+      type: Object,
+      default: () => { },
+    },
+    /**
+     * Hashtable of modules available in require and import statements
+     * in the code prop
+     * @example { lodash: require("lodash") }
+     * @example { moment: require("moment") }
+     */
+    requires: {
+      type: Object,
+      default: () => { },
+    },
+    jsx: {
+      type: Boolean,
+      default: false,
+    },
+    /**
+     * Outside data to the preview
+     * @example { count: 1 }
+     */
+    dataScope: {
+      type: Object,
+      default: () => { },
+    },
+    /**
+     * Avoid checking variables for availability it template
+     */
+    checkVariableAvailability: {
+      type: Boolean,
+      default: true,
+    },
+  },
+  data() {
+    return {
+      scope: this.generateScope(),
+      previewedComponent: markRaw(defineComponent({
+        render: () => h("div"),
+      })),
+      iteration: 0,
+      error: false,
+      removeScopedStyle: () => { },
+      compiledCodeForDebug: "",
+    };
+  },
+  computed: {
+    requiresPlusVue(): Record<string, any> {
+      return { vue: Vue, ...this.requires };
+    },
+  },
+  created() {
+    this.renderComponent(this.code.trim());
+  },
+  destroyed() {
+    this.removeStyle();
+  },
+  watch: {
+    code(value) {
+      this.renderComponent(value.trim());
+    },
+  },
+  methods: {
+    /**
+     * Generates the Scope Id attribute value. It will be added to each
+     * tag if a style is applied to scope the style only to this example
+     */
+    generateScope() {
+      return "v-xxxxxxxx".replace(/[xy]/g, (c) => {
+        const r = (Math.random() * 16) | 0;
+        const v = c === "x" ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+      });
+    },
+    handleError(e: any) {
+      /**
+       * Emitted every time the component rendered throws an error
+       * Catches runtime and compilation errors
+       * @event
+       * @property { Error } - the error thrown
+       */
+      if (e.constructor === VueLiveParseTemplateError) {
+        e.message = `Cannot parse template expression: ${JSON.stringify(
+          (e.expression as any).content || e.expression
+        )}\n\n${e.message}`;
+      }
+      this.$emit("error", e);
+      this.error = e.message;
+    },
+    removeStyle() {
+      if (this.removeScopedStyle) {
+        this.removeScopedStyle();
+      }
+    },
+    async renderComponent(code: string) {
+      let options = defineComponent({});
+      let style;
+      const scopeAttribute = `data-${this.scope}`
+      try {
+        const renderedComponent = compileScript(
+          code,
+          this.jsx
+            ? {
+              jsxPragma: "__pragma__(h)",
+            } : {},
+            scopeAttribute
+        );
+        this.compiledCodeForDebug = JSON.stringify(renderedComponent)
+        style = renderedComponent.style;
+        if (renderedComponent.script) {
+          // if the compiled code contains a script it might be "just" a script
+          // if so, change scheme used by editor
+          // NOTE: vsg is a superset of JavaScript allowing
+          // the template to add javascript code above the template without fluff, very useful for examples
+          // NOTE2: vsg stands for vue-styleguidist
+          this.$emit("detect-language", isCodeVueSfc(code) ? "vue" : "vsg");
 
-					// compile and execute the script
-					// it can be:
-					// - a script setting up variables => we set up the data property of renderedComponent
-					// - a `new Vue()` script that will return a full config object
-					const calcOptions = async () => {
-						const script = renderedComponent.script;
-						const requires: typeof this.requires = {}
-						await Promise.allSettled(Object.keys(this.requiresPlusVue).map(async (key) => {
-							requires[key] = this.requiresPlusVue[key] instanceof Promise ? (await this.requiresPlusVue[key]).default : this.requiresPlusVue[key]
-						}))
-						options = defineComponent((evalInContext(
-							script,
-							(filepath) => requireAtRuntime(requires, filepath),
-							adaptCreateElement,
-							concatenate,
-							h
-						) || {}));
-						options.name = "VueLiveCompiledExample";
-					};
-					await calcOptions();
+          // compile and execute the script
+          // it can be:
+          // - a script setting up variables => we set up the data property of renderedComponent
+          // - a `new Vue()` script that will return a full config object
+          const calcOptions = async () => {
+            const script = renderedComponent.script;
+            const requires: typeof this.requires = {}
+            await Promise.allSettled(Object.keys(this.requiresPlusVue).map(async (key) => {
+              requires[key] = this.requiresPlusVue[key] instanceof Promise ? (await this.requiresPlusVue[key]).default : this.requiresPlusVue[key]
+            }))
+            options = defineComponent((evalInContext(
+              script,
+              (filepath) => requireAtRuntime(requires, filepath),
+              adaptCreateElement,
+              concatenate,
+              h
+            ) || {}));
+            options.name = "VueLiveCompiledExample";
+          };
+          await calcOptions();
 
-					// In case the template is inlined in the script,
-					// we need to compile it
-					if (typeof options.template === "string") {
-						renderedComponent.template = options.template;
-						compileTemplateForEval(renderedComponent);
-						await calcOptions();
-						checkTemplate({
-							...(options as any),
-							template: options.template,
-						},
-							this.checkVariableAvailability);
-						delete options.template;
-					}
+          // In case the template is inlined in the script,
+          // we need to compile it
+          if (typeof options.template === "string") {
+            renderedComponent.template = options.template;
+            compileTemplateForEval(renderedComponent);
+            await calcOptions();
+            checkTemplate({
+              ...(options as any),
+              template: options.template,
+            },
+              this.checkVariableAvailability);
+            delete options.template;
+          }
 
-					if (this.dataScope) {
-						const mergeData = { ...(options as any)?.data(), ...this.dataScope };
-						options.data = () => mergeData;
-					}
-				}
+          if (this.dataScope) {
+            const mergeData = { ...(options as any)?.data(), ...this.dataScope };
+            options.data = () => mergeData;
+          }
+        }
 
-				const template = renderedComponent.raw.template
-				if (template) {
-					checkTemplate({
-						...(options as any),
-						template,
-					},
-						this.checkVariableAvailability
-					);
-				}
-			} catch (e) {
-				this.handleError(e);
-				return;
-			}
+        const template = renderedComponent.raw.template
+        if (template) {
+          checkTemplate({
+            ...(options as any),
+            template,
+          },
+            this.checkVariableAvailability
+          );
+        }
+      } catch (e) {
+        this.handleError(e);
+        return;
+      }
 
-			if (this.components) {
-				if (!options.components) {
-					options.components = this.components;
-				} else {
-					options.components = { ...options.components, ...this.components };
-				}
-			}
+      if (this.components) {
+        if (!options.components) {
+          options.components = this.components;
+        } else {
+          options.components = { ...options.components, ...this.components };
+        }
+      }
 
-			if (this.directives) {
-				if (!options.directives) {
-					options.directives = this.directives;
-				} else {
-					options.directives = { ...options.directives, ...this.directives };
-				}
-			}
+      if (this.directives) {
+        if (!options.directives) {
+          options.directives = this.directives;
+        } else {
+          options.directives = { ...options.directives, ...this.directives };
+        }
+      }
 
-			this.removeStyle();
+      this.removeStyle();
 
-			if (style) {
-				// To add the scope id attribute to each item in the html
-				// this way when we add the scoped style sheet it will be applied
-				options.__scopeId = `data-${this.scope}`;
-				this.removeScopedStyle = addScopedStyle(style, this.scope);
-			}
+      if (style) {
+        // To add the scope id attribute to each item in the html
+        // this way when we add the scoped style sheet it will be applied
+        options.__scopeId = scopeAttribute;
+        this.removeScopedStyle = addScopedStyle(style, this.scope);
+      }
 
-			if (!options.render) {
-				this.handleError({
-					message:
-						"[Vue Live] no template or render function specified. Example cannot be rendered.",
-				});
-				return;
-			}
+      if (!options.render) {
+        this.handleError({
+          message:
+            "[Vue Live] no template or render function specified. Example cannot be rendered.",
+        });
+        return;
+      }
 
-			options.errorCaptured = (e: any) => {
-				this.handleError(e);
-				return false;
-			};
+      options.errorCaptured = (e: any) => {
+        this.handleError(e);
+        return false;
+      };
 
-			this.previewedComponent = markRaw(options);
-			this.iteration = this.iteration + 1;
-			this.error = false;
-			this.$emit("success");
-		},
-	},
+      this.previewedComponent = markRaw(options);
+      this.iteration = this.iteration + 1;
+      this.error = false;
+      this.$emit("success");
+    },
+  },
 });
 </script>
 
 <style>
 .VueLive-error {
-	color: red;
-	text-align: left;
-	overflow: auto;
-	white-space: pre-wrap;
+  color: red;
+  text-align: left;
+  overflow: auto;
+  white-space: pre-wrap;
 }
 </style>
diff --git a/tsconfig.config.json b/tsconfig.config.json
index a98bbf0..c553cd3 100644
--- a/tsconfig.config.json
+++ b/tsconfig.config.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "extends": "@vue/tsconfig/tsconfig.json",
   "include": [
     "vite.config.*",
     "vitest.config.*",
diff --git a/tsconfig.cy.json b/tsconfig.cy.json
index ad10b75..d84da7b 100644
--- a/tsconfig.cy.json
+++ b/tsconfig.cy.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": ["cypress/**/*.ts"],
   "compilerOptions": {
     "ignoreDeprecations": "5.0",
diff --git a/tsconfig.lib.json b/tsconfig.lib.json
index 90bc0b7..06d6088 100644
--- a/tsconfig.lib.json
+++ b/tsconfig.lib.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": ["src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     "rootDir": "src",
diff --git a/vite.config.lib.ts b/vite.config.lib.ts
index 290ad0c..403a3c3 100644
--- a/vite.config.lib.ts
+++ b/vite.config.lib.ts
@@ -42,6 +42,7 @@ export default Object.assign(
             acorn: "Acorn",
             "hash-sum": "Hash",
             "vue-inbrowser-compiler-sucrase": "VueInBrowserCompilerSucrase",
+            "vue-inbrowser-prismjs-highlighter": "VueInBrowserPrismjsHighlighter",
 						"@vue/compiler-core": "VueCompilerCore",
 						"@vue/compiler-dom": "VueCompilerDom",
 						"acorn-walk": "AcornWalk",
diff --git a/vite.config.ts b/vite.config.ts
index d2c9f8f..0a8bd80 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,8 +1,5 @@
-import { resolve } from "path";
-
 import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
-import pkg from "./package.json";
 
 // https://vitejs.dev/config/
 export default defineConfig({