diff --git a/.prettierrc.mjs b/.prettierrc.mjs
index 2282d16..8eaebd5 100644
--- a/.prettierrc.mjs
+++ b/.prettierrc.mjs
@@ -21,7 +21,11 @@ export default {
   useTabs: false,
   vueIndentScriptAndStyle: false,
   // Astro
-  plugins: ['prettier-plugin-astro', 'prettier-plugin-tailwindcss'],
+  plugins: [
+    'prettier-plugin-astro',
+    'prettier-plugin-svelte',
+    'prettier-plugin-tailwindcss'
+  ],
   overrides: [
     {
       files: '*.astro',
diff --git a/astro.config.mjs b/astro.config.mjs
index 6737bbc..d00a6e2 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,4 +1,5 @@
 import { defineConfig } from 'astro/config'
+import svelte from '@astrojs/svelte'
 import tailwind from '@astrojs/tailwind'
 import metadata from 'astro-meta-tags'
 import insights from 'astro-page-insight'
@@ -6,14 +7,19 @@ import betterImage from 'astro-better-image-service'
 import compress from '@playform/compress'
 
 /** @type {import('astro').AstroUserConfig} */
+// https://astro.build/config
 export default defineConfig({
   site: 'https://maisonquiroga.art',
   compressHTML: true,
   integrations: [
+    svelte(),
     tailwind(),
     metadata(),
     insights(),
     betterImage(),
-    compress({ Image: false, SVG: false })
+    compress({
+      Image: false,
+      SVG: false
+    })
   ]
 })
diff --git a/declarations.d.ts b/declarations.d.ts
new file mode 100644
index 0000000..8a824af
--- /dev/null
+++ b/declarations.d.ts
@@ -0,0 +1,2 @@
+declare module 'eslint-config-prettier'
+declare module 'eslint-plugin-tailwindcss'
diff --git a/eslint.config.cjs b/eslint.config.cjs
index f001938..227b1b6 100644
--- a/eslint.config.cjs
+++ b/eslint.config.cjs
@@ -27,9 +27,21 @@ module.exports = [
       }
     }
   },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parser: require('svelte-eslint-parser'),
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+        project: './tsconfig.json',
+        extraFileExtensions: ['.svelte']
+      }
+    }
+  },
   {
     rules: {
       '@stylistic/comma-dangle': 'off',
+      'functional/no-let': 'off',
       'tailwindcss/no-custom-classname': 'off'
     }
   }
diff --git a/package.json b/package.json
index 2e8f81f..127ef32 100644
--- a/package.json
+++ b/package.json
@@ -3,12 +3,11 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "astro": "astro",
-    "start": "astro dev",
+    "dev": "astro dev",
     "format": "prettier . --write",
     "check:astro": "astro check",
     "check:eslint": "eslint . --fix",
-    "check:stylelint": "stylelint '**/*.{css,astro}' --fix",
+    "check:stylelint": "stylelint '**/*.{css,astro,svelte}' --fix",
     "build": "astro check && astro build",
     "preview": "astro preview",
     "prepare": "husky"
@@ -16,6 +15,7 @@
   "devDependencies": {
     "@archoleat/stylelint-config-extended-scss": "^1.6.9",
     "@astrojs/check": "^0.8.3",
+    "@astrojs/svelte": "^5.7.0",
     "@astrojs/tailwind": "^5.1.0",
     "@commitlint/cli": "^19.3.0",
     "@commitlint/config-conventional": "^19.2.2",
@@ -36,6 +36,7 @@
     "postcss-html": "^1.7.0",
     "prettier": "^3.3.3",
     "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.5",
     "stylelint": "^16.8.1",
     "stylelint-config-astro": "^1.0.4",
@@ -43,6 +44,8 @@
     "stylelint-config-prettier-scss": "^1.0.0",
     "stylelint-config-sass-guidelines": "^12.0.0",
     "stylelint-config-tailwindcss": "^0.0.7",
+    "svelte": "^4.2.18",
+    "svelte-eslint-parser": "^0.41.0",
     "tailwindcss": "^3.4.7",
     "typescript": "^5.5.4"
   },
diff --git a/src/components/Bio.astro b/src/components/Bio.astro
index 3f6aa43..a92423a 100644
--- a/src/components/Bio.astro
+++ b/src/components/Bio.astro
@@ -1,62 +1,11 @@
 ---
-import { Image } from 'astro:assets'
-import resolveConfig from 'tailwindcss/resolveConfig'
-import tailwindConfig from '../../tailwind.config'
+import BioArticle from '@components/BioArticle.svelte'
+import BioFigure from '@components/BioFigure.astro'
 
-const { theme } = resolveConfig(tailwindConfig)
-const { screens } = theme
-const widths = [320, 256, 160, 128]
-const sizes = `
-  ${widths[0]}px,
-  (min-width: ${screens.sm}) ${widths[1]}px,
-  (min-width: ${screens.md}) ${widths[2]}px,
-  (min-width: ${screens.lg}) ${widths[3]}px
-`
-const {
-  title,
-  text,
-  figure: { src, alt, caption }
-} = Astro.props
+const { title, text, figure } = Astro.props
 ---
 
 <section class='Bio'>
-  <article class='Bio-article'>
-    <h1 class='Bio-article-h1'>{title}</h1>
-    <p class='Bio-article-p'>{text}</p>
-  </article>
-
-  <figure class='Bio-figure'>
-    <Image
-      class='Bio-figure-img'
-      src={src}
-      alt={alt}
-      width={widths[0]}
-      height={widths[0]}
-      sizes={sizes}
-      widths={widths}
-      loading='eager'
-    />
-    <figcaption class='Bio-figure-figcaption'>{caption}</figcaption>
-  </figure>
+  <BioArticle client:idle {title} {text} />
+  <BioFigure {...figure} />
 </section>
-
-<style>
-  .Bio-article {
-    @apply block sm:inline-block;
-    @apply w-full sm:w-1/2 md:w-2/3 lg:w-3/4;
-    @apply sm:pr-8;
-    @apply align-top;
-  }
-
-  .Bio-article-h1 {
-    @apply sr-only;
-  }
-
-  .Bio-figure {
-    @apply block sm:inline-block;
-    @apply w-full sm:w-1/2 md:w-1/3 lg:w-1/4;
-    @apply mb-0 ml-auto mr-auto mt-0 sm:m-0;
-    @apply pt-8 sm:pt-0.5;
-    @apply max-w-80 sm:max-w-64 md:max-w-40 lg:max-w-32;
-  }
-</style>
diff --git a/src/components/BioArticle.svelte b/src/components/BioArticle.svelte
new file mode 100644
index 0000000..3c25265
--- /dev/null
+++ b/src/components/BioArticle.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+  export let title: string
+  export let text: string
+</script>
+
+<article class="BioArticle">
+  <h1 class="BioArticle-h1">{title}</h1>
+  <p class="BioArticle-p">{text}</p>
+</article>
+
+<style>
+  .BioArticle {
+    @apply block sm:inline-block;
+    @apply w-full sm:w-1/2 md:w-2/3 lg:w-3/4;
+    @apply sm:pr-8;
+    @apply align-top;
+  }
+
+  .BioArticle-h1 {
+    @apply sr-only;
+  }
+</style>
diff --git a/src/components/BioFigure.astro b/src/components/BioFigure.astro
new file mode 100644
index 0000000..0cc078e
--- /dev/null
+++ b/src/components/BioFigure.astro
@@ -0,0 +1,41 @@
+---
+import tailwindConfig from '@root/tailwind.config'
+import resolveConfig from 'tailwindcss/resolveConfig'
+import { Image } from 'astro:assets'
+
+const { theme } = resolveConfig(tailwindConfig)
+const { screens } = theme
+const widths = [320, 256, 160, 128]
+const sizes = `
+  ${widths[0]}px,
+  (min-width: ${screens.sm}) ${widths[1]}px,
+  (min-width: ${screens.md}) ${widths[2]}px,
+  (min-width: ${screens.lg}) ${widths[3]}px
+`
+const { src, alt, caption } = Astro.props
+---
+
+<figure class='BioFigure'>
+  <Image
+    class='BioFigure-img'
+    src={src}
+    alt={alt}
+    width={widths[0]}
+    height={widths[0]}
+    sizes={sizes}
+    widths={widths}
+    loading='eager'
+  />
+  <figcaption class='Bio-figure-figcaption'>{caption}</figcaption>
+</figure>
+
+<style>
+  .BioFigure {
+    @apply animate-fade;
+    @apply block sm:inline-block;
+    @apply w-full sm:w-1/2 md:w-1/3 lg:w-1/4;
+    @apply mb-0 ml-auto mr-auto mt-0 sm:m-0;
+    @apply pt-8 sm:pt-0.5;
+    @apply max-w-80 sm:max-w-64 md:max-w-40 lg:max-w-32;
+  }
+</style>
diff --git a/src/components/Curriculum.astro b/src/components/Curriculum.svelte
similarity index 57%
rename from src/components/Curriculum.astro
rename to src/components/Curriculum.svelte
index 48dddb1..dd8b437 100644
--- a/src/components/Curriculum.astro
+++ b/src/components/Curriculum.svelte
@@ -1,18 +1,17 @@
----
-const { title, items } = Astro.props
----
+<script lang="ts">
+  export let title: string
+  export let items: { year: number; text: string }[]
+</script>
 
-<section class='Curriculum'>
-  <h1 class='Curriculum-h1'>[{title}]</h1>
+<section class="Curriculum">
+  <h1 class="Curriculum-h1">[{title}]</h1>
 
-  {
-    items.map(({ year, text }) => (
-      <div class='Curriculum-col'>
-        <p class='Curriculum-col-row-left'>{year}</p>
-        <p class='Curriculum-col-row-right'>{text}</p>
-      </div>
-    ))
-  }
+  {#each items as { year, text }}
+    <div class="Curriculum-col">
+      <p class="Curriculum-col-row-left">{year}</p>
+      <p class="Curriculum-col-row-right">{text}</p>
+    </div>
+  {/each}
 </section>
 
 <style>
diff --git a/src/components/Head.astro b/src/components/Head.astro
index 4b92339..99fcd79 100644
--- a/src/components/Head.astro
+++ b/src/components/Head.astro
@@ -1,5 +1,5 @@
 ---
-import '../assets/styles/global.css'
+import '@styles/global.css'
 
 const { title, author, description } = Astro.props
 ---
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 7fc23e3..91bcf44 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,5 +1,5 @@
 ---
-import Logo from './Logo.astro'
+import Logo from '@components/Logo.astro'
 
 const {
   logo: { alt, src }
diff --git a/src/components/Logo.astro b/src/components/Logo.astro
index 48ec114..9161130 100644
--- a/src/components/Logo.astro
+++ b/src/components/Logo.astro
@@ -4,7 +4,6 @@ import { Image } from 'astro:assets'
 const { src, alt } = Astro.props
 const width = 80
 const height = 80
-const densities = [1.5, 2, 4, 8]
 ---
 
 <div class='Logo'>
@@ -14,13 +13,13 @@ const densities = [1.5, 2, 4, 8]
     alt={alt}
     width={width}
     height={height}
-    densities={densities}
     loading='eager'
   />
 </div>
 
 <style>
   .Logo {
+    @apply animate-fade;
     @apply -mb-20;
   }
 </style>
diff --git a/src/layouts/Home.astro b/src/layouts/Home.astro
index 3dee97e..fe8a67a 100644
--- a/src/layouts/Home.astro
+++ b/src/layouts/Home.astro
@@ -1,9 +1,9 @@
 ---
-import Head from '../components/Head.astro'
-import Header from '../components/Header.astro'
-import Nav from '../components/Nav.astro'
-import Footer from '../components/Footer.astro'
-import imgLogo from '../assets/images/logo.jpg'
+import Head from '@components/Head.astro'
+import Header from '@components/Header.astro'
+import Nav from '@components/Nav.astro'
+import Footer from '@components/Footer.astro'
+import imgLogo from '@images/logo.jpg'
 
 const head = {
   title: 'Maison Quiroga',
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 45e57b4..28baa71 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,8 +1,8 @@
 ---
-import Home from '../layouts/Home.astro'
-import Bio from '../components/Bio.astro'
-import Curriculum from '../components/Curriculum.astro'
-import imgRoberto from '../assets/images/roberto.jpg'
+import Home from '@layouts/Home.astro'
+import Bio from '@components/Bio.astro'
+import Curriculum from '@components/Curriculum.svelte'
+import imgRoberto from '@images/roberto.jpg'
 
 const bio = {
   title: 'Biographie de Roberto Quiroga Valdovinos',
@@ -119,6 +119,6 @@ const cv = [
 ---
 
 <Home>
-  <Bio title={bio.title} text={bio.text} figure={bio.figure} />
-  {cv.map(({ title, items }) => <Curriculum title={title} items={items} />)}
+  <Bio {...bio} />
+  {cv.map(({ title, items }) => <Curriculum client:visible {title} {items} />)}
 </Home>
diff --git a/stylelint.config.cjs b/stylelint.config.ts
similarity index 81%
rename from stylelint.config.cjs
rename to stylelint.config.ts
index 8d32dd6..90f41f9 100644
--- a/stylelint.config.cjs
+++ b/stylelint.config.ts
@@ -1,6 +1,4 @@
-/** @type {import('stylelint').Config} */
-// eslint-disable-next-line functional/no-expression-statements, functional/immutable-data
-module.exports = {
+export default {
   extends: [
     '@archoleat/stylelint-config-extended-scss',
     'stylelint-config-sass-guidelines',
diff --git a/svelte.config.ts b/svelte.config.ts
new file mode 100644
index 0000000..9d041d8
--- /dev/null
+++ b/svelte.config.ts
@@ -0,0 +1,5 @@
+import { vitePreprocess } from '@astrojs/svelte'
+
+export default {
+  preprocess: vitePreprocess()
+}
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 577f68f..f8ae6f7 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -1,7 +1,7 @@
 import defaultTheme from 'tailwindcss/defaultTheme'
 
 export default {
-  content: ['./src/**/*.astro'],
+  content: ['./src/**/*.{astro,svelte}'],
   theme: {
     extend: {
       colors: {
@@ -10,6 +10,21 @@ export default {
       },
       fontFamily: {
         sans: ['AkzidenzGrotesk', ...defaultTheme.fontFamily.sans]
+      },
+      keyframes: {
+        fade: {
+          from: {
+            opacity: '0',
+            transform: 'translateY(10px)'
+          },
+          to: {
+            opacity: '1',
+            transform: 'translateY(0)'
+          }
+        }
+      },
+      animation: {
+        fade: 'fade 1s ease-out'
       }
     }
   }
diff --git a/tsconfig.json b/tsconfig.json
index 43a4f75..35b0a0e 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,12 +1,23 @@
 {
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
+    "baseUrl": ".",
     "isolatedModules": true,
+    "paths": {
+      "@images/*": ["src/assets/images/*"],
+      "@styles/*": ["src/assets/styles/*"],
+      "@components/*": ["src/components/*"],
+      "@layouts/*": ["src/layouts/*"],
+      "@pages/*": ["src/pages/*"],
+      "@root/*": ["*"]
+    },
     "module": "ESNext",
     "moduleResolution": "node",
     "noEmit": true,
     "resolveJsonModule": true,
     "strictNullChecks": true,
-    "target": "ESNext"
-  }
+    "target": "ESNext",
+    "verbatimModuleSyntax": true
+  },
+  "extends": "astro/tsconfigs/base"
 }
diff --git a/yarn.lock b/yarn.lock
index ff416d0..129633d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -12,7 +12,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@ampproject/remapping@npm:^2.2.0":
+"@ampproject/remapping@npm:^2.2.0, @ampproject/remapping@npm:^2.2.1":
   version: 2.3.0
   resolution: "@ampproject/remapping@npm:2.3.0"
   dependencies:
@@ -144,6 +144,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@astrojs/svelte@npm:^5.7.0":
+  version: 5.7.0
+  resolution: "@astrojs/svelte@npm:5.7.0"
+  dependencies:
+    "@sveltejs/vite-plugin-svelte": "npm:^3.1.1"
+    svelte2tsx: "npm:^0.7.13"
+  peerDependencies:
+    astro: ^4.0.0
+    svelte: ^4.0.0 || ^5.0.0-next.190
+    typescript: ^5.3.3
+  checksum: 10c0/34eba73488ca83925d257e2600800583ab908cf4847c5e29f642e9cd047afa6884f0ccd535798d2ec402c616e2c382466c24d6882b6515ec1fa93791ffa88eca
+  languageName: node
+  linkType: hard
+
 "@astrojs/tailwind@npm:^5.1.0":
   version: 5.1.0
   resolution: "@astrojs/tailwind@npm:5.1.0"
@@ -1235,7 +1249,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
+"@jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
   version: 0.3.25
   resolution: "@jridgewell/trace-mapping@npm:0.3.25"
   dependencies:
@@ -1369,6 +1383,7 @@ __metadata:
   dependencies:
     "@archoleat/stylelint-config-extended-scss": "npm:^1.6.9"
     "@astrojs/check": "npm:^0.8.3"
+    "@astrojs/svelte": "npm:^5.7.0"
     "@astrojs/tailwind": "npm:^5.1.0"
     "@commitlint/cli": "npm:^19.3.0"
     "@commitlint/config-conventional": "npm:^19.2.2"
@@ -1389,6 +1404,7 @@ __metadata:
     postcss-html: "npm:^1.7.0"
     prettier: "npm:^3.3.3"
     prettier-plugin-astro: "npm:^0.14.1"
+    prettier-plugin-svelte: "npm:^3.2.6"
     prettier-plugin-tailwindcss: "npm:^0.6.5"
     stylelint: "npm:^16.8.1"
     stylelint-config-astro: "npm:^1.0.4"
@@ -1396,6 +1412,8 @@ __metadata:
     stylelint-config-prettier-scss: "npm:^1.0.0"
     stylelint-config-sass-guidelines: "npm:^12.0.0"
     stylelint-config-tailwindcss: "npm:^0.0.7"
+    svelte: "npm:^4.2.18"
+    svelte-eslint-parser: "npm:^0.41.0"
     tailwindcss: "npm:^3.4.7"
     typescript: "npm:^5.5.4"
   languageName: unknown
@@ -1676,6 +1694,37 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@sveltejs/vite-plugin-svelte-inspector@npm:^2.1.0":
+  version: 2.1.0
+  resolution: "@sveltejs/vite-plugin-svelte-inspector@npm:2.1.0"
+  dependencies:
+    debug: "npm:^4.3.4"
+  peerDependencies:
+    "@sveltejs/vite-plugin-svelte": ^3.0.0
+    svelte: ^4.0.0 || ^5.0.0-next.0
+    vite: ^5.0.0
+  checksum: 10c0/da2d161691958bcb83d72634bd7d259fa07553af3cf71c2b9959feeccd6a9c58b08495cc5a936f6f0f5deb21aec4ad8b54ef8d9530510d2826548b4d19275b08
+  languageName: node
+  linkType: hard
+
+"@sveltejs/vite-plugin-svelte@npm:^3.1.1":
+  version: 3.1.1
+  resolution: "@sveltejs/vite-plugin-svelte@npm:3.1.1"
+  dependencies:
+    "@sveltejs/vite-plugin-svelte-inspector": "npm:^2.1.0"
+    debug: "npm:^4.3.4"
+    deepmerge: "npm:^4.3.1"
+    kleur: "npm:^4.1.5"
+    magic-string: "npm:^0.30.10"
+    svelte-hmr: "npm:^0.16.0"
+    vitefu: "npm:^0.2.5"
+  peerDependencies:
+    svelte: ^4.0.0 || ^5.0.0-next.0
+    vite: ^5.0.0
+  checksum: 10c0/91f3c79f8fd72fb3faa5163f1c97c57a7b8925af1b63ff3645ad7b667b2249b6f3f4451688e118bef28a80a26b36345d6be7e8d71c0e5f1b811fd91b61661c89
+  languageName: node
+  linkType: hard
+
 "@tootallnate/quickjs-emscripten@npm:^0.23.0":
   version: 0.23.0
   resolution: "@tootallnate/quickjs-emscripten@npm:0.23.0"
@@ -1792,7 +1841,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/estree@npm:*, @types/estree@npm:1.0.5, @types/estree@npm:^1.0.0":
+"@types/estree@npm:*, @types/estree@npm:1.0.5, @types/estree@npm:^1.0.0, @types/estree@npm:^1.0.1":
   version: 1.0.5
   resolution: "@types/estree@npm:1.0.5"
   checksum: 10c0/b3b0e334288ddb407c7b3357ca67dbee75ee22db242ca7c56fe27db4e1a31989cb8af48a84dd401deb787fe10cc6b2ab1ee82dc4783be87ededbe3d53c79c70d
@@ -2320,7 +2369,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.12.0, acorn@npm:^8.12.1, acorn@npm:^8.8.2":
+"acorn@npm:^8.10.0, acorn@npm:^8.12.0, acorn@npm:^8.12.1, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
   version: 8.12.1
   resolution: "acorn@npm:8.12.1"
   bin:
@@ -2720,7 +2769,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"axobject-query@npm:^4.1.0":
+"axobject-query@npm:^4.0.0, axobject-query@npm:^4.1.0":
   version: 4.1.0
   resolution: "axobject-query@npm:4.1.0"
   checksum: 10c0/c470e4f95008f232eadd755b018cb55f16c03ccf39c027b941cd8820ac6b68707ce5d7368a46756db4256fbc91bb4ead368f84f7fb034b2b7932f082f6dc0775
@@ -3171,6 +3220,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"code-red@npm:^1.0.3":
+  version: 1.0.4
+  resolution: "code-red@npm:1.0.4"
+  dependencies:
+    "@jridgewell/sourcemap-codec": "npm:^1.4.15"
+    "@types/estree": "npm:^1.0.1"
+    acorn: "npm:^8.10.0"
+    estree-walker: "npm:^3.0.3"
+    periscopic: "npm:^3.1.0"
+  checksum: 10c0/1309f062369ae520c422d7f45b93190faea2cbc7e3fe3375918f36bb394030d0936d940601426564c30abc71b8aa8e6d1505cccd67a8620183fb01c84bcb7304
+  languageName: node
+  linkType: hard
+
 "color-convert@npm:^1.9.0":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
@@ -3571,6 +3633,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"dedent-js@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "dedent-js@npm:1.0.1"
+  checksum: 10c0/a8cff2e02d5a1ce64615c5c53c9789e7ef1abb9ae7bf2322dc991fcbaf08d901ace1a679c1e021de15a85db7787b8ccfb02011e1f394afef0f698fc857a47009
+  languageName: node
+  linkType: hard
+
 "deep-is@npm:^0.1.3":
   version: 0.1.4
   resolution: "deep-is@npm:0.1.4"
@@ -3592,6 +3661,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"deepmerge@npm:^4.3.1":
+  version: 4.3.1
+  resolution: "deepmerge@npm:4.3.1"
+  checksum: 10c0/e53481aaf1aa2c4082b5342be6b6d8ad9dfe387bc92ce197a66dea08bd4265904a087e75e464f14d1347cf2ac8afe1e4c16b266e0561cc5df29382d3c5f80044
+  languageName: node
+  linkType: hard
+
 "define-lazy-prop@npm:^2.0.0":
   version: 2.0.0
   resolution: "define-lazy-prop@npm:2.0.0"
@@ -4127,6 +4203,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"eslint-scope@npm:^7.2.2":
+  version: 7.2.2
+  resolution: "eslint-scope@npm:7.2.2"
+  dependencies:
+    esrecurse: "npm:^4.3.0"
+    estraverse: "npm:^5.2.0"
+  checksum: 10c0/613c267aea34b5a6d6c00514e8545ef1f1433108097e857225fed40d397dd6b1809dffd11c2fde23b37ca53d7bf935fe04d2a18e6fc932b31837b6ad67e1c116
+  languageName: node
+  linkType: hard
+
 "eslint-scope@npm:^8.0.1, eslint-scope@npm:^8.0.2":
   version: 8.0.2
   resolution: "eslint-scope@npm:8.0.2"
@@ -4137,7 +4223,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.3":
+"eslint-visitor-keys@npm:^3.3.0, eslint-visitor-keys@npm:^3.4.1, eslint-visitor-keys@npm:^3.4.3":
   version: 3.4.3
   resolution: "eslint-visitor-keys@npm:3.4.3"
   checksum: 10c0/92708e882c0a5ffd88c23c0b404ac1628cf20104a108c745f240a13c332a11aac54f49a22d5762efbffc18ecbc9a580d1b7ad034bf5f3cc3307e5cbff2ec9820
@@ -4206,6 +4292,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"espree@npm:^9.6.1":
+  version: 9.6.1
+  resolution: "espree@npm:9.6.1"
+  dependencies:
+    acorn: "npm:^8.9.0"
+    acorn-jsx: "npm:^5.3.2"
+    eslint-visitor-keys: "npm:^3.4.1"
+  checksum: 10c0/1a2e9b4699b715347f62330bcc76aee224390c28bb02b31a3752e9d07549c473f5f986720483c6469cf3cfb3c9d05df612ffc69eb1ee94b54b739e67de9bb460
+  languageName: node
+  linkType: hard
+
 "esprima@npm:^4.0.0, esprima@npm:^4.0.1, esprima@npm:~4.0.0":
   version: 4.0.1
   resolution: "esprima@npm:4.0.1"
@@ -4248,7 +4345,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"estree-walker@npm:^3.0.3":
+"estree-walker@npm:^3.0.0, estree-walker@npm:^3.0.3":
   version: 3.0.3
   resolution: "estree-walker@npm:3.0.3"
   dependencies:
@@ -5422,6 +5519,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"is-reference@npm:^3.0.0, is-reference@npm:^3.0.1":
+  version: 3.0.2
+  resolution: "is-reference@npm:3.0.2"
+  dependencies:
+    "@types/estree": "npm:*"
+  checksum: 10c0/652d31b405e8e8269071cee78fe874b072745012eba202c6dc86880fd603a65ae043e3160990ab4a0a4b33567cbf662eecf3bc6b3c2c1550e6c2b6cf885ce5aa
+  languageName: node
+  linkType: hard
+
 "is-stream@npm:^3.0.0":
   version: 3.0.0
   resolution: "is-stream@npm:3.0.0"
@@ -5895,6 +6001,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"locate-character@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "locate-character@npm:3.0.0"
+  checksum: 10c0/9da917622395002eb1336fca8cbef1c19904e3dc0b3b8078abe8ff390106d947a86feccecd0346f0e0e19fa017623fb4ccb65263d72a76dfa36e20cc18766b6c
+  languageName: node
+  linkType: hard
+
 "locate-path@npm:^5.0.0":
   version: 5.0.0
   resolution: "locate-path@npm:5.0.0"
@@ -6078,7 +6191,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"magic-string@npm:^0.30.10":
+"magic-string@npm:^0.30.10, magic-string@npm:^0.30.4":
   version: 0.30.11
   resolution: "magic-string@npm:0.30.11"
   dependencies:
@@ -7375,7 +7488,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pascal-case@npm:^3.1.2":
+"pascal-case@npm:^3.1.1, pascal-case@npm:^3.1.2":
   version: 3.1.2
   resolution: "pascal-case@npm:3.1.2"
   dependencies:
@@ -7479,6 +7592,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"periscopic@npm:^3.1.0":
+  version: 3.1.0
+  resolution: "periscopic@npm:3.1.0"
+  dependencies:
+    "@types/estree": "npm:^1.0.0"
+    estree-walker: "npm:^3.0.0"
+    is-reference: "npm:^3.0.0"
+  checksum: 10c0/fb5ce7cd810c49254cdf1cd3892811e6dd1a1dfbdf5f10a0a33fb7141baac36443c4cad4f0e2b30abd4eac613f6ab845c2bc1b7ce66ae9694c7321e6ada5bd96
+  languageName: node
+  linkType: hard
+
 "picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
   version: 1.0.1
   resolution: "picocolors@npm:1.0.1"
@@ -7723,6 +7847,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"prettier-plugin-svelte@npm:^3.2.6":
+  version: 3.2.6
+  resolution: "prettier-plugin-svelte@npm:3.2.6"
+  peerDependencies:
+    prettier: ^3.0.0
+    svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
+  checksum: 10c0/d7e89e03bf6c6c36b0062302bd8b80c345059be9d01927cfdc63ee44b6ac7bb5cf952f5f4aa087de1bd614521abcd7ee1e395509fc1236be4dd66c3b41ce5586
+  languageName: node
+  linkType: hard
+
 "prettier-plugin-tailwindcss@npm:^0.6.5":
   version: 0.6.5
   resolution: "prettier-plugin-tailwindcss@npm:0.6.5"
@@ -9230,6 +9364,68 @@ __metadata:
   languageName: node
   linkType: hard
 
+"svelte-eslint-parser@npm:^0.41.0":
+  version: 0.41.0
+  resolution: "svelte-eslint-parser@npm:0.41.0"
+  dependencies:
+    eslint-scope: "npm:^7.2.2"
+    eslint-visitor-keys: "npm:^3.4.3"
+    espree: "npm:^9.6.1"
+    postcss: "npm:^8.4.39"
+    postcss-scss: "npm:^4.0.9"
+  peerDependencies:
+    svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191
+  peerDependenciesMeta:
+    svelte:
+      optional: true
+  checksum: 10c0/3127b2f65ab6086bf7a2de6e35ac0d00d0c04a689911698c79d1450bf8f129d6783e52a1a74e91476cf72a043b12bca3d3937f2313922bf9004384bc8addacbf
+  languageName: node
+  linkType: hard
+
+"svelte-hmr@npm:^0.16.0":
+  version: 0.16.0
+  resolution: "svelte-hmr@npm:0.16.0"
+  peerDependencies:
+    svelte: ^3.19.0 || ^4.0.0
+  checksum: 10c0/242c0775361b5e8e0c19550ce0f8d27f738c31f45684b8a8beb88e2cce931078ffab0a6793002b4879c2637fa698d559020e78cab40756be11341602284ed01e
+  languageName: node
+  linkType: hard
+
+"svelte2tsx@npm:^0.7.13":
+  version: 0.7.15
+  resolution: "svelte2tsx@npm:0.7.15"
+  dependencies:
+    dedent-js: "npm:^1.0.1"
+    pascal-case: "npm:^3.1.1"
+  peerDependencies:
+    svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
+    typescript: ^4.9.4 || ^5.0.0
+  checksum: 10c0/7c503faac389f27cce005024cd81d36ca52913aee0399ebbe49509071add742a044e2a5c0dbda4fb16a8a21c067554f018aa83637f15b1cede39d6f5948461da
+  languageName: node
+  linkType: hard
+
+"svelte@npm:^4.2.18":
+  version: 4.2.18
+  resolution: "svelte@npm:4.2.18"
+  dependencies:
+    "@ampproject/remapping": "npm:^2.2.1"
+    "@jridgewell/sourcemap-codec": "npm:^1.4.15"
+    "@jridgewell/trace-mapping": "npm:^0.3.18"
+    "@types/estree": "npm:^1.0.1"
+    acorn: "npm:^8.9.0"
+    aria-query: "npm:^5.3.0"
+    axobject-query: "npm:^4.0.0"
+    code-red: "npm:^1.0.3"
+    css-tree: "npm:^2.3.1"
+    estree-walker: "npm:^3.0.3"
+    is-reference: "npm:^3.0.1"
+    locate-character: "npm:^3.0.0"
+    magic-string: "npm:^0.30.4"
+    periscopic: "npm:^3.1.0"
+  checksum: 10c0/33cb321b59d0d29730f44054e442adcfdb6f6b51968c60e4027a2d2aa59cba2e2360aa42b4c61b0223350eacfe8dbeb3b724476d03fffb89a3c87021edbb1562
+  languageName: node
+  linkType: hard
+
 "svg-tags@npm:^1.0.0":
   version: 1.0.0
   resolution: "svg-tags@npm:1.0.0"