feat: update svelte and plachta

.eslintrc.cjs

@@ -1,20 +1,32 @@
+kk// TypeScript Project
+
 module.exports = {
-	root: true,
-	parser: '@typescript-eslint/parser',
-	extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'prettier'],
-	plugins: ['svelte3', '@typescript-eslint'],
-	ignorePatterns: ['*.cjs'],
-	overrides: [{ files: ['*.svelte'], processor: 'svelte3/svelte3' }],
-	settings: {
-		'svelte3/typescript': () => require('typescript')
-	},
-	parserOptions: {
-		sourceType: 'module',
-		ecmaVersion: 2019
-	},
-	env: {
-		browser: true,
-		es2017: true,
-		node: true
-	}
+  root: true,
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:svelte/recommended',
+    'prettier'
+  ],
+  parser: '@typescript-eslint/parser',
+  plugins: ['@typescript-eslint'],
+  parserOptions: {
+    sourceType: 'module',
+    ecmaVersion: 2020,
+    extraFileExtensions: ['.svelte']
+  },
+  env: {
+    browser: true,
+    es2017: true,
+    node: true
+  },
+  overrides: [
+    {
+      files: ['*.svelte'],
+      parser: 'svelte-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser'
+      }
+    }
+  ]
 };

package.json

@@ -9,26 +9,26 @@
     "format": "prettier --write ."
   },
   "devDependencies": {
-    "@sveltejs/kit": "^1.3.10",
+    "@sveltejs/kit": "^1.20.4",
     "@typescript-eslint/eslint-plugin": "^4.33.0",
     "@typescript-eslint/parser": "^4.33.0",
     "eslint": "^7.32.0",
     "eslint-config-prettier": "^8.6.0",
-    "eslint-plugin-svelte3": "^3.4.1",
+    "eslint-plugin-svelte": "^2.32.4",
     "prettier": "~2.2.1",
-    "prettier-plugin-svelte": "^2.9.0",
-    "svelte": "^3.55.1",
-    "svelte-preprocess": "^4.10.7",
+    "prettier-plugin-svelte": "^2.10.1",
+    "svelte": "^4.0.0",
+    "svelte-preprocess": "^5.0.3",
     "tslib": "^2.5.0",
-    "typescript": "^4.9.5",
+    "typescript": "^5.0.0",
     "vite": "^4.1.1"
   },
   "type": "module",
   "dependencies": {
-    "@damillora/plachta": "^2.0.2",
+    "@damillora/plachta": "^3.0.3",
     "@sveltejs/adapter-node": "^1.1.6",
     "dayjs": "^1.11.7",
     "howler": "^2.2.3",
     "sass": "^1.58.0"
   }
-}
+}

pnpm-lock.yaml

@@ -1,49 +1,56 @@
 lockfileVersion: 5.4
 
 specifiers:
-  '@damillora/plachta': ^2.0.2
+  '@damillora/plachta': ^3.0.3
   '@sveltejs/adapter-node': ^1.1.6
-  '@sveltejs/kit': ^1.3.10
+  '@sveltejs/kit': ^1.20.4
   '@typescript-eslint/eslint-plugin': ^4.33.0
   '@typescript-eslint/parser': ^4.33.0
   dayjs: ^1.11.7
   eslint: ^7.32.0
   eslint-config-prettier: ^8.6.0
-  eslint-plugin-svelte3: ^3.4.1
+  eslint-plugin-svelte: ^2.32.4
   howler: ^2.2.3
   prettier: ~2.2.1
-  prettier-plugin-svelte: ^2.9.0
+  prettier-plugin-svelte: ^2.10.1
   sass: ^1.58.0
-  svelte: ^3.55.1
-  svelte-preprocess: ^4.10.7
+  svelte: ^4.0.0
+  svelte-preprocess: ^5.0.3
   tslib: ^2.5.0
-  typescript: ^4.9.5
+  typescript: ^5.0.0
   vite: ^4.1.1
 
 dependencies:
-  '@damillora/plachta': 2.0.2_typescript@4.9.5
-  '@sveltejs/adapter-node': 1.1.6_@sveltejs+kit@1.3.10
+  '@damillora/plachta': 3.0.3_typescript@5.1.6
+  '@sveltejs/adapter-node': 1.1.6_@sveltejs+kit@1.22.4
   dayjs: 1.11.7
   howler: 2.2.3
   sass: 1.58.0
 
 devDependencies:
-  '@sveltejs/kit': 1.3.10_svelte@3.55.1+vite@4.1.1
-  '@typescript-eslint/eslint-plugin': 4.33.0_s2qqtxhzmb7vugvfoyripfgp7i
-  '@typescript-eslint/parser': 4.33.0_jofidmxrjzhj7l6vknpw5ecvfe
+  '@sveltejs/kit': 1.22.4_svelte@4.1.2+vite@4.1.1
+  '@typescript-eslint/eslint-plugin': 4.33.0_xk5jnn4o65njpv77dcxllcyu5u
+  '@typescript-eslint/parser': 4.33.0_gsjcde7vtyx77zujqq4bik42o4
   eslint: 7.32.0
   eslint-config-prettier: 8.6.0_eslint@7.32.0
-  eslint-plugin-svelte3: 3.4.1_ky47wof2jags4esujrawigm3eq
+  eslint-plugin-svelte: 2.32.4_eslint@7.32.0+svelte@4.1.2
   prettier: 2.2.1
-  prettier-plugin-svelte: 2.9.0_ihklxa5f5fq4pdpixvdj2wq6x4
-  svelte: 3.55.1
-  svelte-preprocess: 4.10.7_cjyprvzu4kavkaguwtgkgx5cp4
+  prettier-plugin-svelte: 2.10.1_mf6l5hcpm7karz4wujyrzaztfy
+  svelte: 4.1.2
+  svelte-preprocess: 5.0.4_5fmrvayqrzeiiha7cso4l3wbqa
   tslib: 2.5.0
-  typescript: 4.9.5
+  typescript: 5.1.6
   vite: 4.1.1_sass@1.58.0
 
 packages:
 
+  /@ampproject/remapping/2.2.1:
+    resolution: {integrity: sha512-lFMjJTrFL3j7L9yBxwYfCq2k6qqwHyzuUl/XBnif78PWTJYyL/dfowQHWE3sp6U6ZzqWiiIZnpTMO96zhkjwtg==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.3
+      '@jridgewell/trace-mapping': 0.3.19
+
   /@babel/code-frame/7.12.11:
     resolution: {integrity: sha512-Zt1yodBx1UcyiePMSkWnU4hPqhwq7hGi2nFL1LeA3EUl+q2LQx16MISgJ0+z7dnmgvP9QtIleuETGOiOH1RcIw==}
     dependencies:
@@ -64,12 +71,12 @@ packages:
       js-tokens: 4.0.0
     dev: true
 
-  /@damillora/plachta/2.0.2_typescript@4.9.5:
-    resolution: {integrity: sha512-+eH8+O+4l3nDDcKOXV+mJz/XplGhzipf35Qjd1e1RuKXZeTvbFZ0QZtj9j0wqhI5ZoKjA1UBd+ZdTozfFO98ow==}
+  /@damillora/plachta/3.0.3_typescript@5.1.6:
+    resolution: {integrity: sha512-THdsqcprxnjjmF+2nDphj12YCG7sobOHOfNjuJ9g+NJVlYAhR3rmSNUjIipo2FP2yL3txSsGrwdVhdaOmpvlBw==}
     dependencies:
-      '@sveltejs/package': 1.0.2_4x7phaipmicbaooxtnresslofa
-      svelte: 3.55.1
-      svelte-material-icons: 2.1.0_svelte@3.55.1
+      '@sveltejs/package': 2.2.0_sb4rueqd2wtujmt4dosifdg5j4
+      svelte: 4.1.2
+      svelte-material-icons: 3.0.5_svelte@4.1.2
     transitivePeerDependencies:
       - typescript
     dev: false
@@ -250,6 +257,16 @@ packages:
     requiresBuild: true
     optional: true
 
+  /@eslint-community/eslint-utils/4.4.0_eslint@7.32.0:
+    resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+    dependencies:
+      eslint: 7.32.0
+      eslint-visitor-keys: 3.4.2
+    dev: true
+
   /@eslint/eslintrc/0.4.3:
     resolution: {integrity: sha512-J6KFFz5QCYUJq3pf0mjEcCJVERbzv71PUIDczuh9JkwGEzced6CO5ADLHB1rbf/+oPBtoPfMYNOpGDzCANlbXw==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -282,8 +299,30 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
 
-  /@jridgewell/sourcemap-codec/1.4.14:
-    resolution: {integrity: sha512-XPSJHWmi394fuUuzDnGz1wiKqWfo1yXecHQMRf2l6hztTO+nPru658AyDngaBe7isIxEkRsPR3FZh+s7iVa4Uw==}
+  /@jridgewell/gen-mapping/0.3.3:
+    resolution: {integrity: sha512-HLhSWOLRi875zjjMG/r+Nv0oCW8umGb0BgEhyX3dDX3egwZtB8PqLnjz3yedt8R5StBrzcg4aBpnh8UA9D1BoQ==}
+    engines: {node: '>=6.0.0'}
+    dependencies:
+      '@jridgewell/set-array': 1.1.2
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.19
+
+  /@jridgewell/resolve-uri/3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    engines: {node: '>=6.0.0'}
+
+  /@jridgewell/set-array/1.1.2:
+    resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
+    engines: {node: '>=6.0.0'}
+
+  /@jridgewell/sourcemap-codec/1.4.15:
+    resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
+
+  /@jridgewell/trace-mapping/0.3.19:
+    resolution: {integrity: sha512-kf37QtfW+Hwx/buWGMPcR60iF9ziHa6r/CZJIHbmcm4+0qrXiVdxegAH0F6yddEVQ7zdkjcGCgCzUu+BcbhQxw==}
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.1
+      '@jridgewell/sourcemap-codec': 1.4.15
 
   /@nodelib/fs.scandir/2.1.5:
     resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
@@ -373,7 +412,7 @@ packages:
       rollup: 3.13.0
     dev: false
 
-  /@sveltejs/adapter-node/1.1.6_@sveltejs+kit@1.3.10:
+  /@sveltejs/adapter-node/1.1.6_@sveltejs+kit@1.22.4:
     resolution: {integrity: sha512-LlBk41YuShk+1kLYNzkDfoQJ8/qVRflxWxM1o4HNCVQ/ycHO6sT0t+/cq8PMBuXyesdOx8jE7xEmS4i1Xj56qw==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
@@ -381,66 +420,82 @@ packages:
       '@rollup/plugin-commonjs': 24.0.1_rollup@3.13.0
       '@rollup/plugin-json': 6.0.0_rollup@3.13.0
       '@rollup/plugin-node-resolve': 15.0.1_rollup@3.13.0
-      '@sveltejs/kit': 1.3.10_svelte@3.55.1+vite@4.1.1
+      '@sveltejs/kit': 1.22.4_svelte@4.1.2+vite@4.1.1
       rollup: 3.13.0
     dev: false
 
-  /@sveltejs/kit/1.3.10_svelte@3.55.1+vite@4.1.1:
-    resolution: {integrity: sha512-I3DgWCwTYbTz4ZPCJIRkSDrKkMu0bsdk6ghqsOBVNqesf1wBdTdfkXhag3ESWgIEjUV3VUIWPQF7fnt7328mhQ==}
+  /@sveltejs/kit/1.22.4_svelte@4.1.2+vite@4.1.1:
+    resolution: {integrity: sha512-Opkqw1QXk4Cc25b/heJP2D7mX+OUBFAq4MXKfET58svTTxdeiHFKzmnuRsSF3nmxESqrLjqPAgHpib+knNGzRw==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
     peerDependencies:
-      svelte: ^3.54.0
+      svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.0.2_svelte@3.55.1+vite@4.1.1
+      '@sveltejs/vite-plugin-svelte': 2.4.4_svelte@4.1.2+vite@4.1.1
       '@types/cookie': 0.5.1
       cookie: 0.5.0
-      devalue: 4.2.3
+      devalue: 4.3.2
       esm-env: 1.0.0
       kleur: 4.1.5
-      magic-string: 0.27.0
+      magic-string: 0.30.2
       mime: 3.0.0
       sade: 1.8.1
-      set-cookie-parser: 2.5.1
+      set-cookie-parser: 2.6.0
       sirv: 2.0.2
-      svelte: 3.55.1
-      tiny-glob: 0.2.9
-      undici: 5.16.0
+      svelte: 4.1.2
+      undici: 5.22.1
       vite: 4.1.1_sass@1.58.0
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/package/1.0.2_4x7phaipmicbaooxtnresslofa:
-    resolution: {integrity: sha512-VY9U+05d9uNFDj7ScKRlHORYlfPSHwJewBjV+V2RsnViexpLFPUrboC9SiPYDCpLnbeqwXerxhO6twGHUBGeIA==}
+  /@sveltejs/package/2.2.0_sb4rueqd2wtujmt4dosifdg5j4:
+    resolution: {integrity: sha512-TXbrzsk+T5WNcSzrU41D8P32vU5guo96lVS11/R+rpLhZBH5sORh0Qp6r68Jg4O5vcdS3JLwpwcpe8VFbT/QeA==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
-      svelte: ^3.44.0
+      svelte: ^3.44.0 || ^4.0.0
     dependencies:
       chokidar: 3.5.3
       kleur: 4.1.5
       sade: 1.8.1
-      svelte: 3.55.1
-      svelte2tsx: 0.6.1_4x7phaipmicbaooxtnresslofa
+      semver: 7.5.4
+      svelte: 4.1.2
+      svelte2tsx: 0.6.19_sb4rueqd2wtujmt4dosifdg5j4
     transitivePeerDependencies:
       - typescript
     dev: false
 
-  /@sveltejs/vite-plugin-svelte/2.0.2_svelte@3.55.1+vite@4.1.1:
-    resolution: {integrity: sha512-xCEan0/NNpQuL0l5aS42FjwQ6wwskdxC3pW1OeFtEKNZwRg7Evro9lac9HesGP6TdFsTv2xMes5ASQVKbCacxg==}
+  /@sveltejs/vite-plugin-svelte-inspector/1.0.3_rz4cx4ulvbtvvkj643hfoh22xm:
+    resolution: {integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
-      svelte: ^3.54.0
+      '@sveltejs/vite-plugin-svelte': ^2.2.0
+      svelte: ^3.54.0 || ^4.0.0
       vite: ^4.0.0
     dependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.4_svelte@4.1.2+vite@4.1.1
       debug: 4.3.4
-      deepmerge: 4.3.0
+      svelte: 4.1.2
+      vite: 4.1.1_sass@1.58.0
+    transitivePeerDependencies:
+      - supports-color
+
+  /@sveltejs/vite-plugin-svelte/2.4.4_svelte@4.1.2+vite@4.1.1:
+    resolution: {integrity: sha512-Q5z7+iIjs3sw/Jquxaa9KSY5/MShboNjvsxnQYRMdREx/SBDmEYTjeXenpMBh6k0IQ3tMKESCiwKq3/TeAQ8Og==}
+    engines: {node: ^14.18.0 || >= 16}
+    peerDependencies:
+      svelte: ^3.54.0 || ^4.0.0
+      vite: ^4.0.0
+    dependencies:
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.3_rz4cx4ulvbtvvkj643hfoh22xm
+      debug: 4.3.4
+      deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.27.0
-      svelte: 3.55.1
-      svelte-hmr: 0.15.1_svelte@3.55.1
+      magic-string: 0.30.2
+      svelte: 4.1.2
+      svelte-hmr: 0.15.3_svelte@4.1.2
       vite: 4.1.1_sass@1.58.0
       vitefu: 0.2.4_vite@4.1.1
     transitivePeerDependencies:
@@ -451,16 +506,11 @@ packages:
 
   /@types/estree/1.0.0:
     resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
-    dev: false
 
   /@types/json-schema/7.0.11:
     resolution: {integrity: sha512-wOuvG1SN4Us4rez+tylwwwCV1psiNVOkJeM3AUWUNWg/jDQY2+HE/444y5gc+jBmRqASOm2Oeh5c1axHobwRKQ==}
     dev: true
 
-  /@types/node/18.11.18:
-    resolution: {integrity: sha512-DHQpWGjyQKSHj3ebjFI/wRKcqQcdR+MoFBygntYOZytCqNfkd2ZC4ARDJ2DQqhjH5p85Nnd3jhUJIXrszFX/JA==}
-    dev: true
-
   /@types/pug/2.0.6:
     resolution: {integrity: sha512-SnHmG9wN1UVmagJOnyo/qkk0Z7gejYxOYYmaAwr5u2yFYfsupN3sg10kyzN8Hep/2zbHxCnsumxOoRIRMBwKCg==}
     dev: true
@@ -469,13 +519,7 @@ packages:
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
     dev: false
 
-  /@types/sass/1.43.1:
-    resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
-    dependencies:
-      '@types/node': 18.11.18
-    dev: true
-
-  /@typescript-eslint/eslint-plugin/4.33.0_s2qqtxhzmb7vugvfoyripfgp7i:
+  /@typescript-eslint/eslint-plugin/4.33.0_xk5jnn4o65njpv77dcxllcyu5u:
     resolution: {integrity: sha512-aINiAxGVdOl1eJyVjaWn/YcVAq4Gi/Yo35qHGCnqbWVz61g39D0h23veY/MA0rFFGfxK7TySg2uwDeNv+JgVpg==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -486,8 +530,8 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/experimental-utils': 4.33.0_jofidmxrjzhj7l6vknpw5ecvfe
-      '@typescript-eslint/parser': 4.33.0_jofidmxrjzhj7l6vknpw5ecvfe
+      '@typescript-eslint/experimental-utils': 4.33.0_gsjcde7vtyx77zujqq4bik42o4
+      '@typescript-eslint/parser': 4.33.0_gsjcde7vtyx77zujqq4bik42o4
       '@typescript-eslint/scope-manager': 4.33.0
       debug: 4.3.4
       eslint: 7.32.0
@@ -495,13 +539,13 @@ packages:
       ignore: 5.2.4
       regexpp: 3.2.0
       semver: 7.3.8
-      tsutils: 3.21.0_typescript@4.9.5
-      typescript: 4.9.5
+      tsutils: 3.21.0_typescript@5.1.6
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/experimental-utils/4.33.0_jofidmxrjzhj7l6vknpw5ecvfe:
+  /@typescript-eslint/experimental-utils/4.33.0_gsjcde7vtyx77zujqq4bik42o4:
     resolution: {integrity: sha512-zeQjOoES5JFjTnAhI5QY7ZviczMzDptls15GFsI6jyUOq0kOf9+WonkhtlIhh0RgHRnqj5gdNxW5j1EvAyYg6Q==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -510,7 +554,7 @@ packages:
       '@types/json-schema': 7.0.11
       '@typescript-eslint/scope-manager': 4.33.0
       '@typescript-eslint/types': 4.33.0
-      '@typescript-eslint/typescript-estree': 4.33.0_typescript@4.9.5
+      '@typescript-eslint/typescript-estree': 4.33.0_typescript@5.1.6
       eslint: 7.32.0
       eslint-scope: 5.1.1
       eslint-utils: 3.0.0_eslint@7.32.0
@@ -519,7 +563,7 @@ packages:
       - typescript
     dev: true
 
-  /@typescript-eslint/parser/4.33.0_jofidmxrjzhj7l6vknpw5ecvfe:
+  /@typescript-eslint/parser/4.33.0_gsjcde7vtyx77zujqq4bik42o4:
     resolution: {integrity: sha512-ZohdsbXadjGBSK0/r+d87X0SBmKzOq4/S5nzK6SBgJspFo9/CUDJ7hjayuze+JK7CZQLDMroqytp7pOcFKTxZA==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -531,10 +575,10 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 4.33.0
       '@typescript-eslint/types': 4.33.0
-      '@typescript-eslint/typescript-estree': 4.33.0_typescript@4.9.5
+      '@typescript-eslint/typescript-estree': 4.33.0_typescript@5.1.6
       debug: 4.3.4
       eslint: 7.32.0
-      typescript: 4.9.5
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -552,7 +596,7 @@ packages:
     engines: {node: ^8.10.0 || ^10.13.0 || >=11.10.1}
     dev: true
 
-  /@typescript-eslint/typescript-estree/4.33.0_typescript@4.9.5:
+  /@typescript-eslint/typescript-estree/4.33.0_typescript@5.1.6:
     resolution: {integrity: sha512-rkWRY1MPFzjwnEVHsxGemDzqqddw2QbTJlICPD9p9I9LfsO8fdmfQPOX3uKfUaGRDFJbfrtm/sXhVXN4E+bzCA==}
     engines: {node: ^10.12.0 || >=12.0.0}
     peerDependencies:
@@ -567,8 +611,8 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.3.8
-      tsutils: 3.21.0_typescript@4.9.5
-      typescript: 4.9.5
+      tsutils: 3.21.0_typescript@5.1.6
+      typescript: 5.1.6
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -589,12 +633,25 @@ packages:
       acorn: 7.4.1
     dev: true
 
+  /acorn-jsx/5.3.2_acorn@8.10.0:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+    dependencies:
+      acorn: 8.10.0
+    dev: true
+
   /acorn/7.4.1:
     resolution: {integrity: sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A==}
     engines: {node: '>=0.4.0'}
     hasBin: true
     dev: true
 
+  /acorn/8.10.0:
+    resolution: {integrity: sha512-F0SAmZ8iUtS//m8DmCTA0jlh6TDKkHQyK6xc6V4KDTyZKA9dnvX9/3sRTVQrWm79glUAZbnmmNcdYwUIHWVybw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   /ajv/6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
     dependencies:
@@ -650,6 +707,11 @@ packages:
       sprintf-js: 1.0.3
     dev: true
 
+  /aria-query/5.3.0:
+    resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
+    dependencies:
+      dequal: 2.0.3
+
   /array-union/2.1.0:
     resolution: {integrity: sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==}
     engines: {node: '>=8'}
@@ -660,6 +722,11 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /axobject-query/3.2.1:
+    resolution: {integrity: sha512-jsyHu61e6N4Vbz/v18DHwWYKK0bSWLqn47eeDSKPB7m8tqMHF9YJ+mhIk2lVteyZrY8tnSj/jHOv4YiTCuCJgg==}
+    dependencies:
+      dequal: 2.0.3
+
   /balanced-match/1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -737,6 +804,15 @@ packages:
     optionalDependencies:
       fsevents: 2.3.2
 
+  /code-red/1.0.3:
+    resolution: {integrity: sha512-kVwJELqiILQyG5aeuyKFbdsI1fmQy1Cmf7dQ8eGmVuJoaRVdwey7WaMknr2ZFeVSYSKT0rExsa8EGw0aoI/1QQ==}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@types/estree': 1.0.0
+      acorn: 8.10.0
+      estree-walker: 3.0.3
+      periscopic: 3.1.0
+
   /color-convert/1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
     dependencies:
@@ -779,6 +855,19 @@ packages:
       which: 2.0.2
     dev: true
 
+  /css-tree/2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.0.2
+
+  /cssesc/3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    dev: true
+
   /dayjs/1.11.7:
     resolution: {integrity: sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==}
     dev: false
@@ -805,14 +894,23 @@ packages:
   /deepmerge/4.3.0:
     resolution: {integrity: sha512-z2wJZXrmeHdvYJp/Ux55wIjqo81G5Bp4c+oELTW+7ar6SogWHajt5a9gO3s3IDaGSAXjDk0vlQKN3rms8ab3og==}
     engines: {node: '>=0.10.0'}
+    dev: false
+
+  /deepmerge/4.3.1:
+    resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
+    engines: {node: '>=0.10.0'}
+
+  /dequal/2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
 
   /detect-indent/6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
     dev: true
 
-  /devalue/4.2.3:
-    resolution: {integrity: sha512-JG6Q248aN0pgFL57e3zqTVeFraBe+5W2ugvv1mLXsJP6YYIYJhRZhAl7QP8haJrqob6X10F9NEkuCvNILZTPeQ==}
+  /devalue/4.3.2:
+    resolution: {integrity: sha512-KqFl6pOgOW+Y6wJgu80rHpo2/3H07vr8ntR9rkkFIRETewbf5GaYYcakYfiKz89K+sLsuPkQIZaXDMjUObZwWg==}
 
   /dir-glob/3.0.1:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
@@ -891,15 +989,32 @@ packages:
       eslint: 7.32.0
     dev: true
 
-  /eslint-plugin-svelte3/3.4.1_ky47wof2jags4esujrawigm3eq:
-    resolution: {integrity: sha512-7p59WG8qV8L6wLdl4d/c3mdjkgVglQCdv5XOTk/iNPBKXuuV+Q0eFP5Wa6iJd/G2M1qR3BkLPEzaANOqKAZczw==}
-    engines: {node: '>=10'}
+  /eslint-plugin-svelte/2.32.4_eslint@7.32.0+svelte@4.1.2:
+    resolution: {integrity: sha512-VJ12i2Iogug1jvhwxSlognnfGj76P5gks/V4pUD4SCSVQOp14u47MNP0zAG8AQR3LT0Fi1iUvIFnY4l9z5Rwbg==}
+    engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
-      eslint: '>=6.0.0'
-      svelte: ^3.2.0
+      eslint: ^7.0.0 || ^8.0.0-0
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
     dependencies:
+      '@eslint-community/eslint-utils': 4.4.0_eslint@7.32.0
+      '@jridgewell/sourcemap-codec': 1.4.15
+      debug: 4.3.4
       eslint: 7.32.0
-      svelte: 3.55.1
+      esutils: 2.0.3
+      known-css-properties: 0.28.0
+      postcss: 8.4.21
+      postcss-load-config: 3.1.4_postcss@8.4.21
+      postcss-safe-parser: 6.0.0_postcss@8.4.21
+      postcss-selector-parser: 6.0.13
+      semver: 7.5.4
+      svelte: 4.1.2
+      svelte-eslint-parser: 0.32.2_svelte@4.1.2
+    transitivePeerDependencies:
+      - supports-color
+      - ts-node
     dev: true
 
   /eslint-scope/5.1.1:
@@ -910,6 +1025,14 @@ packages:
       estraverse: 4.3.0
     dev: true
 
+  /eslint-scope/7.2.2:
+    resolution: {integrity: sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+    dev: true
+
   /eslint-utils/2.1.0:
     resolution: {integrity: sha512-w94dQYoauyvlDc43XnGB8lU3Zt713vNChgt4EWwhXAP2XkBvndfxF0AgIqKOOasjPIPzj9JqgwkwbCYD0/V3Zg==}
     engines: {node: '>=6'}
@@ -937,6 +1060,11 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /eslint-visitor-keys/3.4.2:
+    resolution: {integrity: sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dev: true
+
   /eslint/7.32.0:
     resolution: {integrity: sha512-VHZ8gX+EDfz+97jGcgyGCyRia/dPOd6Xh9yPv8Bl1+SoaIwD+a/vlrOmGRUyOYu7MwUhc7CxqeaDZU13S4+EpA==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -998,6 +1126,15 @@ packages:
       eslint-visitor-keys: 1.3.0
     dev: true
 
+  /espree/9.6.1:
+    resolution: {integrity: sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    dependencies:
+      acorn: 8.10.0
+      acorn-jsx: 5.3.2_acorn@8.10.0
+      eslint-visitor-keys: 3.4.2
+    dev: true
+
   /esprima/4.0.1:
     resolution: {integrity: sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==}
     engines: {node: '>=4'}
@@ -1032,6 +1169,11 @@ packages:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
     dev: false
 
+  /estree-walker/3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+    dependencies:
+      '@types/estree': 1.0.0
+
   /esutils/2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -1143,9 +1285,6 @@ packages:
       type-fest: 0.20.2
     dev: true
 
-  /globalyzer/0.1.0:
-    resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
-
   /globby/11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
     engines: {node: '>=10'}
@@ -1158,9 +1297,6 @@ packages:
       slash: 3.0.0
     dev: true
 
-  /globrex/0.1.2:
-    resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-
   /graceful-fs/4.2.10:
     resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
     dev: true
@@ -1267,6 +1403,11 @@ packages:
       '@types/estree': 1.0.0
     dev: false
 
+  /is-reference/3.0.1:
+    resolution: {integrity: sha512-baJJdQLiYaJdvFbJqXrcGv3WU3QCzBlUcI5QhbesIm6/xPsvmO+2CDoi/GMOFBQEQm+PXkwOPrp9KK5ozZsp2w==}
+    dependencies:
+      '@types/estree': 1.0.0
+
   /isexe/2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
     dev: true
@@ -1299,6 +1440,10 @@ packages:
     resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
     engines: {node: '>=6'}
 
+  /known-css-properties/0.28.0:
+    resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
+    dev: true
+
   /levn/0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -1307,6 +1452,14 @@ packages:
       type-check: 0.4.0
     dev: true
 
+  /lilconfig/2.1.0:
+    resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
+  /locate-character/3.0.0:
+    resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
+
   /lodash.merge/4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
     dev: true
@@ -1326,19 +1479,21 @@ packages:
     engines: {node: '>=10'}
     dependencies:
       yallist: 4.0.0
-    dev: true
-
-  /magic-string/0.25.9:
-    resolution: {integrity: sha512-RmF0AsMzgt25qzqqLc1+MbHmhdx0ojF2Fvs4XnOqz2ZOBXzzkEwc/dJQZCYHAn7v1jbVOjAZfK8msRn4BxO4VQ==}
-    dependencies:
-      sourcemap-codec: 1.4.8
-    dev: true
 
   /magic-string/0.27.0:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
     dependencies:
-      '@jridgewell/sourcemap-codec': 1.4.14
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /magic-string/0.30.2:
+    resolution: {integrity: sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==}
+    engines: {node: '>=12'}
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
+
+  /mdn-data/2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
 
   /merge2/1.4.1:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
@@ -1403,6 +1558,12 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  /nanoid/3.3.6:
+    resolution: {integrity: sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+    dev: true
+
   /natural-compare/1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
     dev: true
@@ -1467,6 +1628,13 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /periscopic/3.1.0:
+    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
+    dependencies:
+      '@types/estree': 1.0.0
+      estree-walker: 3.0.3
+      is-reference: 3.0.1
+
   /picocolors/1.0.0:
     resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
 
@@ -1474,6 +1642,49 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
+  /postcss-load-config/3.1.4_postcss@8.4.21:
+    resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
+    engines: {node: '>= 10'}
+    peerDependencies:
+      postcss: '>=8.0.9'
+      ts-node: '>=9.0.0'
+    peerDependenciesMeta:
+      postcss:
+        optional: true
+      ts-node:
+        optional: true
+    dependencies:
+      lilconfig: 2.1.0
+      postcss: 8.4.21
+      yaml: 1.10.2
+    dev: true
+
+  /postcss-safe-parser/6.0.0_postcss@8.4.21:
+    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.3.3
+    dependencies:
+      postcss: 8.4.21
+    dev: true
+
+  /postcss-scss/4.0.6_postcss@8.4.27:
+    resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==}
+    engines: {node: '>=12.0'}
+    peerDependencies:
+      postcss: ^8.4.19
+    dependencies:
+      postcss: 8.4.27
+    dev: true
+
+  /postcss-selector-parser/6.0.13:
+    resolution: {integrity: sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==}
+    engines: {node: '>=4'}
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /postcss/8.4.21:
     resolution: {integrity: sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -1482,19 +1693,28 @@ packages:
       picocolors: 1.0.0
       source-map-js: 1.0.2
 
+  /postcss/8.4.27:
+    resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.6
+      picocolors: 1.0.0
+      source-map-js: 1.0.2
+    dev: true
+
   /prelude-ls/1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
     dev: true
 
-  /prettier-plugin-svelte/2.9.0_ihklxa5f5fq4pdpixvdj2wq6x4:
-    resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==}
+  /prettier-plugin-svelte/2.10.1_mf6l5hcpm7karz4wujyrzaztfy:
+    resolution: {integrity: sha512-Wlq7Z5v2ueCubWo0TZzKc9XHcm7TDxqcuzRuGd0gcENfzfT4JZ9yDlCbEgxWgiPmLHkBjfOtpAWkcT28MCDpUQ==}
     peerDependencies:
       prettier: ^1.16.4 || ^2.0.0
-      svelte: ^3.2.0
+      svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
       prettier: 2.2.1
-      svelte: 3.55.1
+      svelte: 4.1.2
     dev: true
 
   /prettier/2.2.1:
@@ -1610,8 +1830,15 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
-  /set-cookie-parser/2.5.1:
-    resolution: {integrity: sha512-1jeBGaKNGdEq4FgIrORu/N570dwoPYio8lSoYLWmX7sQ//0JY08Xh9o5pBcgmHQ/MbsYp/aZnOe1s1lIsbLprQ==}
+  /semver/7.5.4:
+    resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      lru-cache: 6.0.0
+
+  /set-cookie-parser/2.6.0:
+    resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
 
   /shebang-command/2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
@@ -1647,25 +1874,20 @@ packages:
       is-fullwidth-code-point: 3.0.0
     dev: true
 
-  /sorcery/0.10.0:
-    resolution: {integrity: sha512-R5ocFmKZQFfSTstfOtHjJuAwbpGyf9qjQa1egyhvXSbM7emjrtLXtGdZsDJDABC85YBfVvrOiGWKSYXPKdvP1g==}
+  /sorcery/0.11.0:
+    resolution: {integrity: sha512-J69LQ22xrQB1cIFJhPfgtLuI6BpWRiWu1Y3vSsIwK/eAScqJxd/+CJlUuHQRdX2C9NGFamq+KqNywGgaThwfHw==}
     hasBin: true
     dependencies:
+      '@jridgewell/sourcemap-codec': 1.4.15
       buffer-crc32: 0.2.13
       minimist: 1.2.7
       sander: 0.5.1
-      sourcemap-codec: 1.4.8
     dev: true
 
   /source-map-js/1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
-  /sourcemap-codec/1.4.8:
-    resolution: {integrity: sha512-9NykojV5Uih4lgo5So5dtw+f0JgJX30KCNI8gwhz2J9A15wD0Ml6tjHKwf6fTSa6fAdVBdZeNOs9eJ71qCk8vA==}
-    deprecated: Please use @jridgewell/sourcemap-codec instead
-    dev: true
-
   /sprintf-js/1.0.3:
     resolution: {integrity: sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==}
     dev: true
@@ -1720,39 +1942,55 @@ packages:
     resolution: {integrity: sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==}
     engines: {node: '>= 0.4'}
 
-  /svelte-hmr/0.15.1_svelte@3.55.1:
-    resolution: {integrity: sha512-BiKB4RZ8YSwRKCNVdNxK/GfY+r4Kjgp9jCLEy0DuqAKfmQtpL38cQK3afdpjw4sqSs4PLi3jIPJIFp259NkZtA==}
+  /svelte-eslint-parser/0.32.2_svelte@4.1.2:
+    resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      svelte: ^3.37.0 || ^4.0.0
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+    dependencies:
+      eslint-scope: 7.2.2
+      eslint-visitor-keys: 3.4.2
+      espree: 9.6.1
+      postcss: 8.4.27
+      postcss-scss: 4.0.6_postcss@8.4.27
+      svelte: 4.1.2
+    dev: true
+
+  /svelte-hmr/0.15.3_svelte@4.1.2:
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
-      svelte: '>=3.19.0'
+      svelte: ^3.19.0 || ^4.0.0
     dependencies:
-      svelte: 3.55.1
+      svelte: 4.1.2
 
-  /svelte-material-icons/2.1.0_svelte@3.55.1:
-    resolution: {integrity: sha512-UaZngbPcWtS6gEoZx/8bpv0ompsm5SOZs66NkuEQIX+p8UblrUoknjy7kKRlFEpRdFQ232IB8jswkGaFTreB6g==}
+  /svelte-material-icons/3.0.5_svelte@4.1.2:
+    resolution: {integrity: sha512-UbhAa+Btd5y6e6DMljVccP+cbJ8lvesltMippiCOvfIUtYe2TsQqM+P6osfrVsZHV47b1tY6AmqCuSpMKnwMOQ==}
     peerDependencies:
-      svelte: ^3.0.0
+      svelte: ^3.0.0 || ^4.0.0
     dependencies:
-      svelte: 3.55.1
+      svelte: 4.1.2
     dev: false
 
-  /svelte-preprocess/4.10.7_cjyprvzu4kavkaguwtgkgx5cp4:
-    resolution: {integrity: sha512-sNPBnqYD6FnmdBrUmBCaqS00RyCsCpj2BG58A1JBswNF7b0OKviwxqVrOL/CKyJrLSClrSeqQv5BXNg2RUbPOw==}
-    engines: {node: '>= 9.11.2'}
+  /svelte-preprocess/5.0.4_5fmrvayqrzeiiha7cso4l3wbqa:
+    resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
+    engines: {node: '>= 14.10.0'}
     requiresBuild: true
     peerDependencies:
       '@babel/core': ^7.10.2
       coffeescript: ^2.5.1
       less: ^3.11.3 || ^4.0.0
-      node-sass: '*'
       postcss: ^7 || ^8
       postcss-load-config: ^2.1.0 || ^3.0.0 || ^4.0.0
       pug: ^3.0.0
       sass: ^1.26.8
       stylus: ^0.55.0
-      sugarss: ^2.0.0
-      svelte: ^3.23.0
-      typescript: ^3.9.5 || ^4.0.0
+      sugarss: ^2.0.0 || ^3.0.0 || ^4.0.0
+      svelte: ^3.23.0 || ^4.0.0-next.0 || ^4.0.0
+      typescript: '>=3.9.5 || ^4.0.0 || ^5.0.0'
     peerDependenciesMeta:
       '@babel/core':
         optional: true
@@ -1760,8 +1998,6 @@ packages:
         optional: true
       less:
         optional: true
-      node-sass:
-        optional: true
       postcss:
         optional: true
       postcss-load-config:
@@ -1778,30 +2014,43 @@ packages:
         optional: true
     dependencies:
       '@types/pug': 2.0.6
-      '@types/sass': 1.43.1
       detect-indent: 6.1.0
-      magic-string: 0.25.9
+      magic-string: 0.27.0
       sass: 1.58.0
-      sorcery: 0.10.0
+      sorcery: 0.11.0
       strip-indent: 3.0.0
-      svelte: 3.55.1
-      typescript: 4.9.5
+      svelte: 4.1.2
+      typescript: 5.1.6
     dev: true
 
-  /svelte/3.55.1:
-    resolution: {integrity: sha512-S+87/P0Ve67HxKkEV23iCdAh/SX1xiSfjF1HOglno/YTbSTW7RniICMCofWGdJJbdjw3S+0PfFb1JtGfTXE0oQ==}
-    engines: {node: '>= 8'}
+  /svelte/4.1.2:
+    resolution: {integrity: sha512-/evA8U6CgOHe5ZD1C1W3va9iJG7mWflcCdghBORJaAhD2JzrVERJty/2gl0pIPrJYBGZwZycH6onYf+64XXF9g==}
+    engines: {node: '>=16'}
+    dependencies:
+      '@ampproject/remapping': 2.2.1
+      '@jridgewell/sourcemap-codec': 1.4.15
+      '@jridgewell/trace-mapping': 0.3.19
+      acorn: 8.10.0
+      aria-query: 5.3.0
+      axobject-query: 3.2.1
+      code-red: 1.0.3
+      css-tree: 2.3.1
+      estree-walker: 3.0.3
+      is-reference: 3.0.1
+      locate-character: 3.0.0
+      magic-string: 0.30.2
+      periscopic: 3.1.0
 
-  /svelte2tsx/0.6.1_4x7phaipmicbaooxtnresslofa:
-    resolution: {integrity: sha512-O/1+5UyChfmhp1/GUv8b8iveTrn6eZwHxEXc+rw7LMKRidr9KHk5w/EiliLjDUwHa2VA6CoEty+CQylROVU4Sw==}
+  /svelte2tsx/0.6.19_sb4rueqd2wtujmt4dosifdg5j4:
+    resolution: {integrity: sha512-h3b5OtcO8zyVL/RiB2zsDwCopeo/UH+887uyhgb2mjnewOFwiTxu+4IGuVwrrlyuh2onM2ktfUemNrNmQwXONQ==}
     peerDependencies:
-      svelte: ^3.55
-      typescript: ^4.9.4
+      svelte: ^3.55 || ^4.0.0-next.0 || ^4.0
+      typescript: ^4.9.4 || ^5.0.0
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 3.55.1
-      typescript: 4.9.5
+      svelte: 4.1.2
+      typescript: 5.1.6
     dev: false
 
   /table/6.8.1:
@@ -1819,12 +2068,6 @@ packages:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
     dev: true
 
-  /tiny-glob/0.2.9:
-    resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
-    dependencies:
-      globalyzer: 0.1.0
-      globrex: 0.1.2
-
   /to-regex-range/5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -1842,14 +2085,14 @@ packages:
   /tslib/2.5.0:
     resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
 
-  /tsutils/3.21.0_typescript@4.9.5:
+  /tsutils/3.21.0_typescript@5.1.6:
     resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==}
     engines: {node: '>= 6'}
     peerDependencies:
       typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta'
     dependencies:
       tslib: 1.14.1
-      typescript: 4.9.5
+      typescript: 5.1.6
     dev: true
 
   /type-check/0.4.0:
@@ -1864,14 +2107,14 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /typescript/4.9.5:
-    resolution: {integrity: sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==}
-    engines: {node: '>=4.2.0'}
+  /typescript/5.1.6:
+    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
+    engines: {node: '>=14.17'}
     hasBin: true
 
-  /undici/5.16.0:
-    resolution: {integrity: sha512-KWBOXNv6VX+oJQhchXieUznEmnJMqgXMbs0xxH2t8q/FUAWSJvOSr/rMaZKnX5RIVq7JDn0JbP4BOnKG2SGXLQ==}
-    engines: {node: '>=12.18'}
+  /undici/5.22.1:
+    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==}
+    engines: {node: '>=14.0'}
     dependencies:
       busboy: 1.6.0
 
@@ -1881,6 +2124,10 @@ packages:
       punycode: 2.3.0
     dev: true
 
+  /util-deprecate/1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+    dev: true
+
   /v8-compile-cache/2.3.0:
     resolution: {integrity: sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA==}
     dev: true
@@ -1946,4 +2193,8 @@ packages:
 
   /yallist/4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
+
+  /yaml/1.10.2:
+    resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
+    engines: {node: '>= 6'}
     dev: true

src/lib/components/CopyArea.svelte

@@ -12,7 +12,7 @@
 <input type="text" class="copyarea" on:click={copy} bind:value={value} bind:this={copyarea} readonly/>
 
 <style lang="scss">
-    @import "@damillora/plachta/styles/global";
+    @import "@damillora/plachta/dist/styles/global";
 
     .copyarea {
         background-color: var(--background-color);

src/lib/components/GameListItem.svelte

@@ -1,7 +1,6 @@
 <script>
-	import Card from '@damillora/plachta/components/Card/Card.svelte';
-	import CardContent from '@damillora/plachta/components/Card/CardContent.svelte';
-	import CardTitle from '@damillora/plachta/components/Card/CardTitle.svelte';
+	import { Card, CardContent, CardTitle } from '@damillora/plachta';
+
 	import CopyArea from '$lib/components/CopyArea.svelte';
 
 	export let name, link, gameid, playername;
@@ -26,7 +25,7 @@
 </Card>
 
 <style lang="scss">
-	@import '@damillora/plachta/styles/global';
+	@import '@damillora/plachta/dist/styles/global';
 
 	.game-card {
 		width: 100%;

src/lib/components/MediaItem.svelte

@@ -1,8 +1,6 @@
 <script>
-	import Card from '@damillora/plachta/components/Card/Card.svelte';
-	import CardContent from '@damillora/plachta/components/Card/CardContent.svelte';
-	import CardTitle from '@damillora/plachta/components/Card/CardTitle.svelte';
-	import CardDescription from '@damillora/plachta/components/Card/CardDescription.svelte';
+	import { Card, CardContent, CardTitle, CardDescription } from '@damillora/plachta';
+
 	export let title, link, description;
 </script>
 

src/lib/components/ProjectItem.svelte

@@ -1,5 +1,6 @@
 <script>
-	import PostCard from '@damillora/plachta/components/PostCard/PostCard.svelte';
+	import { PostCard } from '@damillora/plachta';
+	
 	export let codename, name, description;
 </script>
 

src/routes/+error.svelte

@@ -1,6 +1,6 @@
 <script>
-  import { page } from '$app/stores';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import { page } from '$app/stores';
+	import { Container } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/+layout.svelte

@@ -1,16 +1,15 @@
 <script>
-	import { navigating } from '$app/stores';
-	import Base from '@damillora/plachta/components/Base/Base.svelte';
-	import Header from '@damillora/plachta/components/Header/Header.svelte';
-	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
-	import NavMenu from '@damillora/plachta/components/Nav/NavMenu.svelte';
-	import NavDarkMode from '@damillora/plachta/components/Nav/NavDarkMode.svelte';
-	import Footer from '@damillora/plachta/components/Footer/Footer.svelte';
-	import NavigationLoading from '@damillora/plachta/components/NavigationLoading/NavigationLoading.svelte';
+	import {
+		Base,
+		Header,
+		Hero,
+		NavMenu,
+		NavDarkMode,
+		Footer,
+		NavigationLoading
+	} from '@damillora/plachta';
 	import FloatingYuriko from '$lib/components/FloatingYuriko.svelte';
 	import { isYurikoBirthday } from '$lib/yuriko-birthday.js';
-	let loading = true;
-	navigating.subscribe((x) => (loading = x != null));
 </script>
 
 <Base>
@@ -42,7 +41,5 @@
 	<FloatingYuriko />
 {/if}
 
-<NavigationLoading {loading} />
-
 <style lang="scss" global>
 </style>

src/routes/+page.svelte

@@ -1,7 +1,5 @@
 <script>
-	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
+	import { Hero, Container, Index } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/about/+page.svelte

@@ -1,6 +1,5 @@
 <script>
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
+	import { Container, Index } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/contact/+page.svelte

@@ -1,7 +1,5 @@
 <script>
-	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
+	import { Hero, Container, Index } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/+page.svelte

@@ -1,7 +1,6 @@
 <script>
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import { Container, Index } from '@damillora/plachta';
 	import GameListItem from '$lib/components/GameListItem.svelte';
-	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>

src/routes/games/aaside/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/alchemystars/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/alicefic/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/arcaea/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/arknights/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/arterygear/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/azurlane/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/bandori/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/bluearchive/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/counterside/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/cue/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/fgo/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/genshin/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/honkai/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/idoly/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/llsif/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/llsifas/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/maimai/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/mirishita/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/neuralcloud/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/nogikoi/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/poplinks/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/puroseka/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/saisuta/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/sdvx/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/shadowverse/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/shinymas/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/starira/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/starrail/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>
@@ -12,8 +9,8 @@
 <Container>
 	<Post>
 		<PageHeader>
-			<h1>Game Profile: Honkai Impact 3rd</h1>
-			<p><a href="https://honkaiimpact3.hoyoverse.com">Game Website</a></p>
+			<h1>Game Profile: Honkai Star Rail</h1>
+			<p><a href="https://hsr.hoyoverse.com">Game Website</a></p>
 		</PageHeader>
 	</Post>
 </Container>

src/routes/games/t7s/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/template/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/games/unison/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/links/+page.svelte

@@ -1,7 +1,5 @@
 <script>
-	import Hero from '@damillora/plachta/components/Hero/Hero.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
+	import { Hero, Container, Index } from '@damillora/plachta';
 	import MediaItem from '$lib/components/MediaItem.svelte';
 </script>
 

src/routes/projects/+page.svelte

@@ -1,7 +1,6 @@
 <script>
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
+	import { Container, Index } from '@damillora/plachta';
 	import ProjectItem from '$lib/components/ProjectItem.svelte';
-	import Index from '@damillora/plachta/components/PageTypes/Index.svelte';
 </script>
 
 <svelte:head>
@@ -25,11 +24,6 @@
 				codename="shallie"
 				description="My online blog"
 			/>
-			<ProjectItem
-				name="Altessimo"
-				codename="altessimo"
-				description="Work-in-progress database of composers and lyricists of THE iDOLM@STER"
-			/>
 			<ProjectItem
 				name="Shioriko"
 				codename="shioriko"
@@ -44,6 +38,11 @@
 				codename="miracle"
 				description="Former codebase of nanao.moe"
 			/>
+			<ProjectItem
+				name="Altessimo"
+				codename="altessimo"
+				description="Work-in-progress database of composers and lyricists of THE iDOLM@STER"
+			/>
 			<ProjectItem name="Yuika theme" codename="yuika" description="Previous theme for my blog" />
 		</div>
 	</Index>

src/routes/projects/altessimo/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/projects/miracle/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/projects/rinze/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/projects/shallie/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/projects/shioriko/+page.svelte

@@ -1,8 +1,5 @@
 <script>
-	import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-	import Container from '@damillora/plachta/components/Container/Container.svelte';
-	import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-	import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
 <svelte:head>

src/routes/projects/yuika/+page.svelte

@@ -1,46 +1,45 @@
 <script>
-    import PageHeader from '@damillora/plachta/components/PageHeader/PageHeader.svelte';
-    import Container from "@damillora/plachta/components/Container/Container.svelte";
-    import Post from '@damillora/plachta/components/PageTypes/Post.svelte';
-    import PostMain from '@damillora/plachta/components/Post/PostMain.svelte';
+	import { PageHeader, Container, Post, PostMain } from '@damillora/plachta';
 </script>
 
+
 <svelte:head>
-    <title>Damillora: Yuika theme</title>
+	<title>Damillora: Yuika theme</title>
 </svelte:head>
 
 <Container>
-  <Post>
-    <PageHeader>
-      <h1>Yuika theme</h1>
-      <p >
-        <a href="https://github.com/Damillora/Yuika">source code</a>
-      </p>
-    </PageHeader>
-    <PostMain comments={false}>
-      <h2>Description</h2>
-      <p>
-        Damillora's Virtual Memoir is my hobby-related blog, writing about games and idols. The blog uses the Yuika theme, which was designed solely for Damillora's Virtual Memoir.
-      </p>
-      <p>
-        The blog runs on Ghost, a publication-focused CMS, while the theme uses Tailwind CSS for its CSS framework.
-      </p>
-      <h2>Technologies</h2>
-      <ul>
-        <li>Ghost</li>
-        <li>Tailwind CSS</li>
-        <li>jQuery</li>
-      </ul>
-      <h2>Screenshots</h2>
-      <div class="gallery">
-        <img src="/images/projects/yuika/1.jpg" alt="Yuika"/>
-        <img src="/images/projects/yuika/2.jpg" alt="Yuika"/>
-        <img src="/images/projects/yuika/3.jpg" alt="Yuika"/>
-        <img src="/images/projects/yuika/4.jpg" alt="Yuika"/>
-        <img src="/images/projects/yuika/5.jpg" alt="Yuika"/>
-        <img src="/images/projects/yuika/6.jpg" alt="Yuika"/>
-      </div>
-    </PostMain>
-
-  </Post>
-</Container>
+	<Post>
+		<PageHeader>
+			<h1>Yuika theme</h1>
+			<p>
+				<a href="https://github.com/Damillora/Yuika">source code</a>
+			</p>
+		</PageHeader>
+		<PostMain comments={false}>
+			<h2>Description</h2>
+			<p>
+				Damillora's Virtual Memoir is my hobby-related blog, writing about games and idols. The blog
+				uses the Yuika theme, which was designed solely for Damillora's Virtual Memoir.
+			</p>
+			<p>
+				The blog runs on Ghost, a publication-focused CMS, while the theme uses Tailwind CSS for its
+				CSS framework.
+			</p>
+			<h2>Technologies</h2>
+			<ul>
+				<li>Ghost</li>
+				<li>Tailwind CSS</li>
+				<li>jQuery</li>
+			</ul>
+			<h2>Screenshots</h2>
+			<div class="gallery">
+				<img src="/images/projects/yuika/1.jpg" alt="Yuika" />
+				<img src="/images/projects/yuika/2.jpg" alt="Yuika" />
+				<img src="/images/projects/yuika/3.jpg" alt="Yuika" />
+				<img src="/images/projects/yuika/4.jpg" alt="Yuika" />
+				<img src="/images/projects/yuika/5.jpg" alt="Yuika" />
+				<img src="/images/projects/yuika/6.jpg" alt="Yuika" />
+			</div>
+		</PostMain>
+	</Post>
+</Container>