feat(content): add componentComposition>context for React & Svelte

2026-04-05 04:59:02 +08:00 · 2023-01-08 16:30:32 +01:00
parent 9e79fe2291
commit 1df026b350
7 changed files with 168 additions and 86 deletions
--- a/content/4-component-composition/5-context/react/App.jsx
+++ b/content/4-component-composition/5-context/react/App.jsx
@@ -0,0 +1,22 @@
+import { useState, createContext } from "react";
+import UserProfile from "./UserProfile";
+
+const UserContext = createContext();
+
+export default function App() {
+  // In a real app, you would fetch the user data from an API
+  const [user, setUser] = useState({
+    username: "unicorn42",
+    email: "john@example.com",
+  });
+
+  function updateEmail(newEmail) {
+    setUser((userData) => ({ ...userData, email: newEmail }));
+  }
+
+  return (
+    <UserContext.Provider value={{ ...user, updateEmail }}>
+      <UserProfile />
+    </UserContext.Provider>
+  );
+}
--- a/content/4-component-composition/5-context/react/UserProfile.jsx
+++ b/content/4-component-composition/5-context/react/UserProfile.jsx
@@ -0,0 +1,16 @@
+import { useContext } from "react";
+import { UserContext } from "./UserContext";
+
+export default function UserProfile() {
+  const { username, email, updateEmail } = useContext(UserContext);
+
+  return (
+    <div>
+      <p>Username: {username}</p>
+      <p>Email: {email}</p>
+      <button onClick={() => updateEmail("unicorn42@example.com")}>
+        Update Email to unicorn42@example.com
+      </button>
+    </div>
+  );
+}
--- a/content/4-component-composition/5-context/svelte/App.svelte
+++ b/content/4-component-composition/5-context/svelte/App.svelte
@@ -0,0 +1,16 @@
+<script>
+  import { setContext } from "svelte";
+  import UserProfile from "./UserProfile.svelte";
+  import createUserContext from "./createUserContext.js";
+
+  // In a real app, you would fetch the user data from an API
+  setContext(
+    "user",
+    createUserContext({
+      username: "john",
+      email: "john@example.com",
+    })
+  );
+</script>
+
+<UserProfile />
--- a/content/4-component-composition/5-context/svelte/UserProfile.svelte
+++ b/content/4-component-composition/5-context/svelte/UserProfile.svelte
@@ -0,0 +1,13 @@
+<script>
+  import { getContext } from "svelte";
+
+  const userStore = getContext("user");
+</script>
+
+<div>
+  <p>Username: {$userStore.username}</p>
+  <p>Email: {$userStore.email}</p>
+  <button on:click={() => userStore.updateEmail("unicorn42@example.com")}>
+    Update Email to unicorn42@example.com
+  </button>
+</div>
--- a/content/4-component-composition/5-context/svelte/createUserContext.js
+++ b/content/4-component-composition/5-context/svelte/createUserContext.js
@@ -0,0 +1,15 @@
+import { writable } from "svelte/store";
+
+export default function createUserContext(initialData) {
+  const userStore = writable(initialData);
+
+  return {
+    subscribe: userStore.subscribe,
+    updateEmail(newEmail) {
+      userStore.update((userData) => ({
+        ...userData,
+        email: newEmail,
+      }));
+    },
+  };
+}
--- a/package.json
+++ b/package.json
@@ -55,7 +55,7 @@
    "micache": "^2.4.1",
    "pkg-dir": "^7.0.0",
    "postcss": "^8.4.21",
-    "prettier": "^2.8.1",
+    "prettier": "^2.8.2",
    "prettier-plugin-svelte": "^2.9.0",
    "react": "^18.2.0",
    "rehype-raw": "^6.1.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -37,7 +37,7 @@ specifiers:
  micache: ^2.4.1
  pkg-dir: ^7.0.0
  postcss: ^8.4.21
-  prettier: ^2.8.1
+  prettier: ^2.8.2
  prettier-plugin-svelte: ^2.9.0
  react: ^18.2.0
  rehype-raw: ^6.1.1
@@ -81,7 +81,7 @@ devDependencies:
  eslint: 8.31.0
  eslint-plugin-ember: 11.4.2_eslint@8.31.0
  eslint-plugin-lit: 1.7.2_eslint@8.31.0
-  eslint-plugin-prettier: 4.2.1_crnjwcwerrbat3mlbmrsoa543e
+  eslint-plugin-prettier: 4.2.1_k3hr3m6agcryggk5vamhhr56wi
  eslint-plugin-qwik: 0.16.2_eslint@8.31.0
  eslint-plugin-react: 7.31.11_eslint@8.31.0
  eslint-plugin-solid: 0.9.1_iukboom6ndih5an6iafl45j2fe
@@ -95,8 +95,8 @@ devDependencies:
  micache: 2.4.1
  pkg-dir: 7.0.0
  postcss: 8.4.21
-  prettier: 2.8.1
-  prettier-plugin-svelte: 2.9.0_ajxj753sv7dbwexjherrch25ta
+  prettier: 2.8.2
+  prettier-plugin-svelte: 2.9.0_74vfyr7qjo56zgjcvkwi6gyjxm
  react: 18.2.0
  rehype-raw: 6.1.1
  rehype-stringify: 9.0.3
@@ -490,8 +490,8 @@ packages:
    resolution: {integrity: sha512-tGRdvgC9/QMQSuSuJV45xoyhI0Pzjm7A9o/MVVA3HakXIImJbbzx/k/6dO9CUEQXIyS2y0fW6C1XaYOG7rY0FQ==}
    dev: true

-  /@esbuild/android-arm/0.16.14:
-    resolution: {integrity: sha512-u0rITLxFIeYAvtJXBQNhNuV4YZe+MD1YvIWT7Nicj8hZAtRVZk2PgNH6KclcKDVHz1ChLKXRfX7d7tkbQBUfrg==}
+  /@esbuild/android-arm/0.16.15:
+    resolution: {integrity: sha512-JsJtmadyWcR+DEtHLixM7bAQsfi1s0Xotv9kVOoXbCLyhKPOHvMEyh3kJBuTbCPSE4c2jQkQVmarwc9Mg9k3bA==}
    engines: {node: '>=12'}
    cpu: [arm]
    os: [android]
@@ -499,8 +499,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/android-arm64/0.16.14:
-    resolution: {integrity: sha512-hTqB6Iq13pW4xaydeqQrs8vPntUnMjbkq+PgGiBMi69eYk74naG2ftHWqKnxn874kNrt5Or3rQ0PJutx2doJuQ==}
+  /@esbuild/android-arm64/0.16.15:
+    resolution: {integrity: sha512-OdbkUv7468dSsgoFtHIwTaYAuI5lDEv/v+dlfGBUbVa2xSDIIuSOHXawynw5N9+5lygo/JdXa5/sgGjiEU18gQ==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [android]
@@ -508,8 +508,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/android-x64/0.16.14:
-    resolution: {integrity: sha512-jir51K4J0K5Rt0KOcippjSNdOl7akKDVz5I6yrqdk4/m9y+rldGptQUF7qU4YpX8U61LtR+w2Tu2Ph+K/UaJOw==}
+  /@esbuild/android-x64/0.16.15:
+    resolution: {integrity: sha512-dPUOBiNNWAm+/bxoA75o7R7qqqfcEzXaYlb5uJk2xGHmUMNKSAnDCtRYLgx9/wfE4sXyn8H948OrDyUAHhPOuA==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [android]
@@ -517,8 +517,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/darwin-arm64/0.16.14:
-    resolution: {integrity: sha512-vrlaP81IuwPaw1fyX8fHCmivP3Gr73ojVEZy+oWJLAiZVcG8o8Phwun/XDnYIFUHxIoUnMFEpg9o38MIvlw8zw==}
+  /@esbuild/darwin-arm64/0.16.15:
+    resolution: {integrity: sha512-AksarYV85Hxgwh5/zb6qGl4sYWxIXPQGBAZ+jUro1ZpINy3EWumK+/4DPOKUBPnsrOIvnNXy7Rq4mTeCsMQDNA==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [darwin]
@@ -526,8 +526,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/darwin-x64/0.16.14:
-    resolution: {integrity: sha512-KV1E01eC2hGYA2qzFDRCK4wdZCRUvMwCNcobgpiiOzp5QXpJBqFPdxI69j8vvzuU7oxFXDgANwEkXvpeQqyOyg==}
+  /@esbuild/darwin-x64/0.16.15:
+    resolution: {integrity: sha512-qqrKJxoohceZGGP+sZ5yXkzW9ZiyFZJ1gWSEfuYdOWzBSL18Uy3w7s/IvnDYHo++/cxwqM0ch3HQVReSZy7/4Q==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [darwin]
@@ -535,8 +535,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/freebsd-arm64/0.16.14:
-    resolution: {integrity: sha512-xRM1RQsazSvL42BNa5XC7ytD4ZDp0ZyJcH7aB0SlYUcHexJUKiDNKR7dlRVlpt6W0DvoRPU2nWK/9/QWS4u2fw==}
+  /@esbuild/freebsd-arm64/0.16.15:
+    resolution: {integrity: sha512-LBWaep6RvJm5KnsKkocdVEzuwnGMjz54fcRVZ9d3R7FSEWOtPBxMhuxeA1n98JVbCLMkTPFmKN6xSnfhnM9WXQ==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [freebsd]
@@ -544,8 +544,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/freebsd-x64/0.16.14:
-    resolution: {integrity: sha512-7ALTAn6YRRf1O6fw9jmn0rWmOx3XfwDo7njGtjy1LXhDGUjTY/vohEPM3ii5MQ411vJv1r498EEx2aBQTJcrEw==}
+  /@esbuild/freebsd-x64/0.16.15:
+    resolution: {integrity: sha512-LE8mKC6JPR04kPLRP9A6k7ZmG0k2aWF4ru79Sde6UeWCo7yDby5f48uJNFQ2pZqzUUkLrHL8xNdIHerJeZjHXg==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [freebsd]
@@ -553,8 +553,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-arm/0.16.14:
-    resolution: {integrity: sha512-X6xULug66ulrr4IzrW7qq+eq9n4MtEyagdWvj4o4cmWr+JXOT47atjpDF9j5M2zHY0UQBmqnHhwl+tXpkpIb2w==}
+  /@esbuild/linux-arm/0.16.15:
+    resolution: {integrity: sha512-+1sGlqtMJTOnJUXwLUGnDhPaGRKqxT0UONtYacS+EjdDOrSgpQ/1gUXlnze45Z/BogwYaswQM19Gu1YD1T19/w==}
    engines: {node: '>=12'}
    cpu: [arm]
    os: [linux]
@@ -562,8 +562,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-arm64/0.16.14:
-    resolution: {integrity: sha512-TLh2OcbBUQcMYRH4GbiDkDZfZ4t1A3GgmeXY27dHSI6xrU7IkO00MGBiJySmEV6sH3Wa6pAN6UtaVL0DwkGW4Q==}
+  /@esbuild/linux-arm64/0.16.15:
+    resolution: {integrity: sha512-mRYpuQGbzY+XLczy3Sk7fMJ3DRKLGDIuvLKkkUkyecDGQMmil6K/xVKP9IpKO7JtNH477qAiMjjX7jfKae8t4g==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [linux]
@@ -571,8 +571,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-ia32/0.16.14:
-    resolution: {integrity: sha512-oBZkcZ56UZDFCAfE3Fd/Jgy10EoS7Td77NzNGenM+HSY8BkdQAcI9VF9qgwdOLZ+tuftWD7UqZ26SAhtvA3XhA==}
+  /@esbuild/linux-ia32/0.16.15:
+    resolution: {integrity: sha512-puXVFvY4m8EB6/fzu3LdgjiNnEZ3gZMSR7NmKoQe51l3hyQalvTjab3Dt7aX4qGf+8Pj7dsCOBNzNzkSlr/4Aw==}
    engines: {node: '>=12'}
    cpu: [ia32]
    os: [linux]
@@ -580,8 +580,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-loong64/0.16.14:
-    resolution: {integrity: sha512-udz/aEHTcuHP+xdWOJmZ5C9RQXHfZd/EhCnTi1Hfay37zH3lBxn/fNs85LA9HlsniFw2zccgcbrrTMKk7Cn1Qg==}
+  /@esbuild/linux-loong64/0.16.15:
+    resolution: {integrity: sha512-ATMGb3eg8T6ZTGZFldlGeFEcevBiVq6SBHvRAO04HMfUjZWneZ/U+JJb3YzlNZxuscJ4Tmzq+JrYxlk7ro4dRg==}
    engines: {node: '>=12'}
    cpu: [loong64]
    os: [linux]
@@ -589,8 +589,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-mips64el/0.16.14:
-    resolution: {integrity: sha512-kJ2iEnikUOdC1SiTGbH0fJUgpZwa0ITDTvj9EHf9lm3I0hZ4Yugsb3M6XSl696jVxrEocLe519/8CbSpQWFSrg==}
+  /@esbuild/linux-mips64el/0.16.15:
+    resolution: {integrity: sha512-3SEA4L82OnoSATW+Ve8rPgLaKjC8WMt8fnx7De9kvi/NcVbkj8W+J7qnu/tK2P9pUPQP7Au/0sjPEqZtFeyKQQ==}
    engines: {node: '>=12'}
    cpu: [mips64el]
    os: [linux]
@@ -598,8 +598,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-ppc64/0.16.14:
-    resolution: {integrity: sha512-kclKxvZvX5YhykwlJ/K9ljiY4THe5vXubXpWmr7q3Zu3WxKnUe1VOZmhkEZlqtnJx31GHPEV4SIG95IqTdfgfg==}
+  /@esbuild/linux-ppc64/0.16.15:
+    resolution: {integrity: sha512-8PgbeX+N6vmqeySzyxO0NyDOltCEW13OS5jUHTvCHmCgf4kNXZtAWJ+zEfJxjRGYhVezQ1FdIm7WfN1R27uOyg==}
    engines: {node: '>=12'}
    cpu: [ppc64]
    os: [linux]
@@ -607,8 +607,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-riscv64/0.16.14:
-    resolution: {integrity: sha512-fdwP9Dc+Kx/cZwp9T9kNqjAE/PQjfrxbio4rZ3XnC3cVvZBjuxpkiyu/tuCwt6SbAK5th6AYNjFdEV9kGC020A==}
+  /@esbuild/linux-riscv64/0.16.15:
+    resolution: {integrity: sha512-U+coqH+89vbPVoU30no1Fllrn6gvEeO5tfEArBhjYZ+dQ3Gv7ciQXYf5nrT1QdlIFwEjH4Is1U1iiaGWW+tGpQ==}
    engines: {node: '>=12'}
    cpu: [riscv64]
    os: [linux]
@@ -616,8 +616,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-s390x/0.16.14:
-    resolution: {integrity: sha512-++fw3P4fQk9nqvdzbANRqimKspL8pDCnSpXomyhV7V/ISha/BZIYvZwLBWVKp9CVWKwWPJ4ktsezuLIvlJRHqA==}
+  /@esbuild/linux-s390x/0.16.15:
+    resolution: {integrity: sha512-M0nKLFMdyFGBoitxG42kq6Xap0CPeDC6gfF9lg7ZejzGF6kqYUGT+pQGl2QCQoxJBeat/LzTma1hG8C3dq2ocg==}
    engines: {node: '>=12'}
    cpu: [s390x]
    os: [linux]
@@ -625,8 +625,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-x64/0.16.14:
-    resolution: {integrity: sha512-TomtswAuzBf2NnddlrS4W01Tv85RM9YtATB3OugY6On0PLM4Ksz5qvQKVAjtzPKoLgL1FiZtfc8mkZc4IgoMEA==}
+  /@esbuild/linux-x64/0.16.15:
+    resolution: {integrity: sha512-t7/fOXBUKfigvhJLGKZ9TPHHgqNgpIpYaAbcXQk1X+fPeUG7x0tpAbXJ2wST9F/gJ02+CLETPMnhG7Tra2wqsQ==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [linux]
@@ -634,8 +634,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/netbsd-x64/0.16.14:
-    resolution: {integrity: sha512-U06pfx8P5CqyoPNfqIJmnf+5/r4mJ1S62G4zE6eOjS59naQcxi6GnscUCPH3b+hRG0qdKoGX49RAyiqW+M9aSw==}
+  /@esbuild/netbsd-x64/0.16.15:
+    resolution: {integrity: sha512-0k0Nxi6DOJmTnLtKD/0rlyqOPpcqONXY53vpkoAsue8CfyhNPWtwzba1ICFNCfCY1dqL3Ho/xEzujJhmdXq1rg==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [netbsd]
@@ -643,8 +643,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/openbsd-x64/0.16.14:
-    resolution: {integrity: sha512-/Jl8XVaWEZNu9rZw+n792GIBupQwHo6GDoapHSb/2xp/Ku28eK6QpR2O9cPBkzHH4OOoMH0LB6zg/qczJ5TTGg==}
+  /@esbuild/openbsd-x64/0.16.15:
+    resolution: {integrity: sha512-3SkckazfIbdSjsGpuIYT3d6n2Hx0tck3MS1yVsbahhWiLvdy4QozTpvlbjqO3GmvtvhxY4qdyhFOO2wiZKeTAQ==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [openbsd]
@@ -652,8 +652,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/sunos-x64/0.16.14:
-    resolution: {integrity: sha512-2iI7D34uTbDn/TaSiUbEHz+fUa8KbN90vX5yYqo12QGpu6T8Jl+kxODsWuMCwoTVlqUpwfPV22nBbFPME9OPtw==}
+  /@esbuild/sunos-x64/0.16.15:
+    resolution: {integrity: sha512-8PNvBC+O8X5EnyIGqE8St2bOjjrXMR17NOLenIrzolvwWnJXvwPo0tE/ahOeiAJmTOS/eAcN8b4LAZcn17Uj7w==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [sunos]
@@ -661,8 +661,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/win32-arm64/0.16.14:
-    resolution: {integrity: sha512-SjlM7AHmQVTiGBJE/nqauY1aDh80UBsXZ94g4g60CDkrDMseatiqALVcIuElg4ZSYzJs8hsg5W6zS2zLpZTVgg==}
+  /@esbuild/win32-arm64/0.16.15:
+    resolution: {integrity: sha512-YPaSgm/mm7kNcATB53OxVGVfn6rDNbImTn330ZlF3hKej1e9ktCaljGjn2vH08z2dlHEf3kdt57tNjE6zs8SzA==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [win32]
@@ -670,8 +670,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/win32-ia32/0.16.14:
-    resolution: {integrity: sha512-z06t5zqk8ak0Xom5HG81z2iOQ1hNWYsFQp3sczVLVx+dctWdgl80tNRyTbwjaFfui2vFO12dfE3trCTvA+HO4g==}
+  /@esbuild/win32-ia32/0.16.15:
+    resolution: {integrity: sha512-0movUXbSNrTeNf5ZXT0avklEvlJD0hNGZsrrXHfsp9z4tK5xC+apCqmUEZeE9mqrb84Z8XbgGr/MS9LqafTP2A==}
    engines: {node: '>=12'}
    cpu: [ia32]
    os: [win32]
@@ -679,8 +679,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/win32-x64/0.16.14:
-    resolution: {integrity: sha512-ED1UpWcM6lAbalbbQ9TrGqJh4Y9TaASUvu8bI/0mgJcxhSByJ6rbpgqRhxYMaQ682WfA71nxUreaTO7L275zrw==}
+  /@esbuild/win32-x64/0.16.15:
+    resolution: {integrity: sha512-27h5GCcbfomVAqAnMJWvR1LqEY0dFqIq4vTe5nY3becnZNu0SX8F0+gTk3JPvgWQHzaGc6VkPzlOiMkdSUunUA==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [win32]
@@ -2121,8 +2121,8 @@ packages:
    engines: {node: '>= 12'}
    dev: true

-  /commander/9.4.1:
-    resolution: {integrity: sha512-5EEkTNyHNGFPD2H+c/dXXfQZYa/scCKasxWcXJaWnNJ99pnQN9Vnmqow+p+PlFPE63Q6mThaZws1T+HxfpgtPw==}
+  /commander/9.5.0:
+    resolution: {integrity: sha512-KRs7WVDKg86PWiuAqhDrAQnTXZKraVcCc6vFdL14qrZ/DcWwuRo7VoiYXalXO7S5GKpqYiVEwCbgFDfxNHKJBQ==}
    engines: {node: ^12.20.0 || >=14}
    dev: true

@@ -2676,34 +2676,34 @@ packages:
      es6-promise: 4.2.8
    dev: true

-  /esbuild/0.16.14:
-    resolution: {integrity: sha512-6xAn3O6ZZyoxZAEkwfI9hw4cEqSr/o1ViJtnkvImVkblmUN65Md04o0S/7H1WNu1XGf1Cjij/on7VO4psIYjkw==}
+  /esbuild/0.16.15:
+    resolution: {integrity: sha512-v+3ozjy9wyj8cOElzx3//Lsb4TCxPfZxRmdsfm0YaEkvZu7y6rKH7Zi1UpDx4JI7dSQui+U1Qxhfij9KBbHfrA==}
    engines: {node: '>=12'}
    hasBin: true
    requiresBuild: true
    optionalDependencies:
-      '@esbuild/android-arm': 0.16.14
-      '@esbuild/android-arm64': 0.16.14
-      '@esbuild/android-x64': 0.16.14
-      '@esbuild/darwin-arm64': 0.16.14
-      '@esbuild/darwin-x64': 0.16.14
-      '@esbuild/freebsd-arm64': 0.16.14
-      '@esbuild/freebsd-x64': 0.16.14
-      '@esbuild/linux-arm': 0.16.14
-      '@esbuild/linux-arm64': 0.16.14
-      '@esbuild/linux-ia32': 0.16.14
-      '@esbuild/linux-loong64': 0.16.14
-      '@esbuild/linux-mips64el': 0.16.14
-      '@esbuild/linux-ppc64': 0.16.14
-      '@esbuild/linux-riscv64': 0.16.14
-      '@esbuild/linux-s390x': 0.16.14
-      '@esbuild/linux-x64': 0.16.14
-      '@esbuild/netbsd-x64': 0.16.14
-      '@esbuild/openbsd-x64': 0.16.14
-      '@esbuild/sunos-x64': 0.16.14
-      '@esbuild/win32-arm64': 0.16.14
-      '@esbuild/win32-ia32': 0.16.14
-      '@esbuild/win32-x64': 0.16.14
+      '@esbuild/android-arm': 0.16.15
+      '@esbuild/android-arm64': 0.16.15
+      '@esbuild/android-x64': 0.16.15
+      '@esbuild/darwin-arm64': 0.16.15
+      '@esbuild/darwin-x64': 0.16.15
+      '@esbuild/freebsd-arm64': 0.16.15
+      '@esbuild/freebsd-x64': 0.16.15
+      '@esbuild/linux-arm': 0.16.15
+      '@esbuild/linux-arm64': 0.16.15
+      '@esbuild/linux-ia32': 0.16.15
+      '@esbuild/linux-loong64': 0.16.15
+      '@esbuild/linux-mips64el': 0.16.15
+      '@esbuild/linux-ppc64': 0.16.15
+      '@esbuild/linux-riscv64': 0.16.15
+      '@esbuild/linux-s390x': 0.16.15
+      '@esbuild/linux-x64': 0.16.15
+      '@esbuild/netbsd-x64': 0.16.15
+      '@esbuild/openbsd-x64': 0.16.15
+      '@esbuild/sunos-x64': 0.16.15
+      '@esbuild/win32-arm64': 0.16.15
+      '@esbuild/win32-ia32': 0.16.15
+      '@esbuild/win32-x64': 0.16.15
    dev: true

  /escalade/3.1.1:
@@ -2757,7 +2757,7 @@ packages:
      requireindex: 1.2.0
    dev: true

-  /eslint-plugin-prettier/4.2.1_crnjwcwerrbat3mlbmrsoa543e:
+  /eslint-plugin-prettier/4.2.1_k3hr3m6agcryggk5vamhhr56wi:
    resolution: {integrity: sha512-f/0rXLXUt0oFYs8ra4w49wYZBG5GKZpAYsJSm6rnYL5uVDjd+zowwMwVZHnAjf4edNrKpCDYfXDgmRE/Ak7QyQ==}
    engines: {node: '>=12.0.0'}
    peerDependencies:
@@ -2769,7 +2769,7 @@ packages:
        optional: true
    dependencies:
      eslint: 8.31.0
-      prettier: 2.8.1
+      prettier: 2.8.2
      prettier-linter-helpers: 1.0.0
    dev: true

@@ -3592,8 +3592,8 @@ packages:
      '@types/unist': 2.0.6
    dev: true

-  /hast-util-parse-selector/3.1.0:
-    resolution: {integrity: sha512-AyjlI2pTAZEOeu7GeBPZhROx0RHBnydkQIXlhnFzDi0qfXTmGUWoCYZtomHbrdrheV4VFUlPcfJ6LMF5T6sQzg==}
+  /hast-util-parse-selector/3.1.1:
+    resolution: {integrity: sha512-jdlwBjEexy1oGz0aJ2f4GKMaVKkA9jwjr4MjAAI22E5fM/TXVZHuS5OpONtdeIkRKqAaryQ2E9xNQxijoThSZA==}
    dependencies:
      '@types/hast': 2.3.4
    dev: true
@@ -3649,7 +3649,7 @@ packages:
    dependencies:
      '@types/hast': 2.3.4
      comma-separated-tokens: 2.0.3
-      hast-util-parse-selector: 3.1.0
+      hast-util-parse-selector: 3.1.1
      property-information: 6.2.0
      space-separated-tokens: 2.0.2
    dev: true
@@ -4287,7 +4287,7 @@ packages:
    dependencies:
      cli-truncate: 3.1.0
      colorette: 2.0.19
-      commander: 9.4.1
+      commander: 9.5.0
      debug: 4.3.4
      execa: 6.1.0
      lilconfig: 2.0.6
@@ -5459,18 +5459,18 @@ packages:
      fast-diff: 1.2.0
    dev: true

-  /prettier-plugin-svelte/2.9.0_ajxj753sv7dbwexjherrch25ta:
+  /prettier-plugin-svelte/2.9.0_74vfyr7qjo56zgjcvkwi6gyjxm:
    resolution: {integrity: sha512-3doBi5NO4IVgaNPtwewvrgPpqAcvNv0NwJNflr76PIGgi9nf1oguQV1Hpdm9TI2ALIQVn/9iIwLpBO5UcD2Jiw==}
    peerDependencies:
      prettier: ^1.16.4 || ^2.0.0
      svelte: ^3.2.0
    dependencies:
-      prettier: 2.8.1
+      prettier: 2.8.2
      svelte: 3.55.0
    dev: true

-  /prettier/2.8.1:
-    resolution: {integrity: sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==}
+  /prettier/2.8.2:
+    resolution: {integrity: sha512-BtRV9BcncDyI2tsuS19zzhzoxD8Dh8LiCx7j7tHzrkz8GFXAexeWFdi22mjE1d16dftH2qNaytVxqiRTGlMfpw==}
    engines: {node: '>=10.13.0'}
    hasBin: true
    dev: true
@@ -6819,7 +6819,7 @@ packages:
      terser:
        optional: true
    dependencies:
-      esbuild: 0.16.14
+      esbuild: 0.16.15
      postcss: 8.4.21
      resolve: 1.22.1
      rollup: 3.9.1