diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 83e0b253b3..49d60aecaa 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -1,3 +1,6 @@
+## Svelte compiler rewrite
+
+Please note that [the Svelte codebase is currently being rewritten](https://svelte.dev/blog/runes). Thus, it's best to hold off on new features or refactorings for the time being.
 
 ### Before submitting the PR, please make sure you do the following
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 8c66b30ebf..beb9e912c3 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -147,7 +147,7 @@ When adding a new breaking change, follow this template in your pull request:
 
 ## License
 
-By contributing to Svelte, you agree that your contributions will be licensed under its [MIT license](https://github.com/sveltejs/svelte/blob/master/LICENSE).
+By contributing to Svelte, you agree that your contributions will be licensed under its [MIT license](https://github.com/sveltejs/svelte/blob/master/LICENSE.md).
 
 ## Questions
 
diff --git a/documentation/blog/2023-08-01-whats-new-in-svelte-august-2023.md b/documentation/blog/2023-08-01-whats-new-in-svelte-august-2023.md
index d14e1a7a08..e7b27d65f7 100644
--- a/documentation/blog/2023-08-01-whats-new-in-svelte-august-2023.md
+++ b/documentation/blog/2023-08-01-whats-new-in-svelte-august-2023.md
@@ -46,7 +46,7 @@ For all the patches and performance updates from this month, check out the [Svel
 **Learning Resources**
 _Featuring Svelte Contributors and Ambassadors_
 - [Exploring Svelte 4 w/ Kevin AK: Performance, Compatibility, & Web Component Support | Modern Web Pod](https://www.youtube.com/watch?v=YOL0HGGVib4) by This Dot Media
-- [Svelte Sirens Stream Design Systems: Lessons Learned](https://www.youtube.com/live/YHZaiIGSqsE?feature=share) featuring Eric Liu creator of Carbon Components Svelte and Svelde the docgen library
+- [Svelte Sirens Stream Design Systems: Lessons Learned](https://www.youtube.com/live/YHZaiIGSqsE?feature=share) featuring Eric Liu, creator of Carbon Components Svelte and the `sveld` docgen library
 - This Week in Svelte:
   - [2023 June 30](https://www.youtube.com/watch?v=sDz4_BLoYQ4) - Svelte 4.0.1, SK 1.21, lists, screen readers, loading
   - [2023 July 7](https://www.youtube.com/watch?v=0tq1ph4DDFA) - Svelte 4.0.5, Kit 1.22.1, Svelte 5, local storage and markdown
diff --git a/documentation/blog/2023-08-31-view-transitions.md b/documentation/blog/2023-08-31-view-transitions.md
new file mode 100644
index 0000000000..11d0dc6e5e
--- /dev/null
+++ b/documentation/blog/2023-08-31-view-transitions.md
@@ -0,0 +1,264 @@
+---
+title: Unlocking view transitions in SvelteKit 1.24
+description: Streamlined page transitions with onNavigate
+author: Geoff Rich
+authorURL: https://geoffrich.net
+---
+
+The [view transitions API](https://developer.chrome.com/docs/web-platform/view-transitions/) has been sweeping the web development world lately, and for good reason. It streamlines the process of animating between two page states, which is especially useful for page transitions.
+
+However, until now, you couldn’t easily use this API in a SvelteKit app, since it was difficult to slot into the right place in the navigation lifecycle. SvelteKit 1.24 brought a new [`onNavigate`](https://kit.svelte.dev/docs/modules#$app-navigation-onnavigate) lifecycle hook to make view transitions integration much easier – let’s dive in.
+
+## How view transitions work
+
+You can trigger a view transition by calling `document.startViewTransition` and passing a callback that updates the DOM somehow. For our purposes today, SvelteKit will update the DOM as the user navigates. Once the callback finishes, the browser will transition to the new page state — by default, it does a crossfade between the old and the new states.
+
+```js
+// @errors: 2339
+const domUpdate = async () => {};
+// ---cut---
+document.startViewTransition(async () => {
+	await domUpdate(); // mock function for demonstration purposes
+});
+```
+
+Behind the scenes, the browser does something really clever. When the transition starts, it captures the current state of the page and takes a screenshot. It then holds that screenshot in place while the DOM is updating. Once the DOM has finished updating, it captures the new state, and animates between the two states.
+
+While it’s only implemented in Chrome (and other Chromium-based browsers) for now, [WebKit is also in favor](https://github.com/WebKit/standards-positions/issues/48#issuecomment-1679760489) of it. Even if you’re on an unsupported browser, it’s a perfect candidate for progressive enhancement since we can always fall back to a non-animated navigation.
+
+It’s important to note that view transitions is a browser API, not a SvelteKit one. `onNavigate` is the only SvelteKit-specific API we’ll use today. Everything else can be used wherever you write for the web! For more on the view transitions API, I highly recommend the [Chrome explainer](https://developer.chrome.com/docs/web-platform/view-transitions/) by Jake Archibald.
+
+## How `onNavigate` works
+
+Before learning how to write view transitions, let's highlight the function that makes it all possible: [`onNavigate`](https://kit.svelte.dev/docs/modules#$app-navigation-onnavigate).
+
+Until recently, SvelteKit had two navigation lifecycle functions: [`beforeNavigate`](https://kit.svelte.dev/docs/modules#$app-navigation-beforenavigate), which fires before a navigation starts, and [`afterNavigate`](https://kit.svelte.dev/docs/modules#$app-navigation-afternavigate), which fires after the page has been updated following a navigation. SvelteKit 1.24 introduces a third: `onNavigate`, which will fire on every navigation, immediately before the new page is rendered. Importantly, it will run _after_ any data loading for the page has completed – since starting a view transition prevents any interaction with the page, we want to start it as late as possible.
+
+You can also return a promise from `onNavigate`, which will suspend the navigation until it resolves. This will let us wait to complete the navigation until the view transition has started.
+
+```js
+// @errors: 2304 7006
+function delayNavigation() {
+	return new Promise((res) => setTimeout(res, 100));
+}
+
+onNavigate(async (navigation) => {
+	// do some work immediately before the navigation completes
+
+	// optionally return a promise to delay navigation until it resolves
+	return delayNavigation();
+});
+```
+
+With that out of the way, let's see how you can use view transitions in your SvelteKit app.
+
+## Getting started with view transitions
+
+The best way to see view transitions in action is to try it yourself. You can spin up the SvelteKit demo app by running `npm create svelte@latest` in your local terminal, or in your browser on [StackBlitz](https://sveltekit.new). Make sure to use a browser that supports the view transitions API. Once you have the app running, add the following to the script block in `src/routes/+layout.svelte`.
+
+```js
+// @errors: 2305 7006 2339 2810
+import { onNavigate } from '$app/navigation';
+
+onNavigate((navigation) => {
+	if (!document.startViewTransition) return;
+
+	return new Promise((resolve) => {
+		document.startViewTransition(async () => {
+			resolve();
+			await navigation.complete;
+		});
+	});
+});
+```
+
+With that, every navigation that occurs will trigger a view transition. You can already see this in action – by default, the browser will crossfade between the old and new pages.
+
+<video src="https://sveltejs.github.io/assets/video/vt-demo-1.mp4" controls muted playsinline></video>
+
+<details>
+<summary>How the code works</summary>
+
+This code may look a bit intimidating – if you're curious, I can break it down line-by-line, but for now it’s enough to know that adding it will allow you to interact with the view transitions API during navigation.
+
+As mentioned above, the `onNavigate` callback will run immediately before the new page is rendered after a navigation. Inside the callback, we check if `document.startViewTransition` exists. If it doesn’t (i.e. the browser doesn’t support it), we exit early.
+
+We then return a promise to delay completing the navigation until the view transition has started. We use a [promise constructor](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/Promise) so that we can control when the promise resolves.
+
+```js
+// @errors: 1108
+return new Promise((resolve) => {
+	document.startViewTransition(async () => {
+		resolve();
+		await navigation.complete;
+	});
+});
+```
+
+Inside the promise constructor, we start the view transition. Inside the view transition callback we resolve the promise we just returned, which indicates to SvelteKit that it should finish the navigation. It’s important that the navigation waits to finish until _after_ we start the view transition – the browser needs to snapshot the old state so it can transition to the new state.
+
+Finally, inside the view transition callback we wait for SvelteKit to finish the navigation by awaiting `navigation.complete`. Once `navigation.complete` resolves, the new page has been loaded into the DOM and the browser can animate between the two states.
+
+It’s a bit of a mouthful, but by not abstracting it we allow you to interact with the view transition directly and make any customizations you require.
+
+</details>
+
+## Customizing the transition with CSS
+
+We can also customize this page transition using CSS animation. In the style block of your `+layout.svelte`, add the following CSS rules.
+
+```css
+@keyframes fade-in {
+	from {
+		opacity: 0;
+	}
+}
+
+@keyframes fade-out {
+	to {
+		opacity: 0;
+	}
+}
+
+@keyframes slide-from-right {
+	from {
+		transform: translateX(30px);
+	}
+}
+
+@keyframes slide-to-left {
+	to {
+		transform: translateX(-30px);
+	}
+}
+
+:root::view-transition-old(root) {
+	animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms cubic-bezier(0.4, 0, 0.2, 1) both slide-to-left;
+}
+
+:root::view-transition-new(root) {
+	animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in, 300ms cubic-bezier(0.4, 0, 0.2, 1) both
+			slide-from-right;
+}
+```
+
+Now when you navigate between pages, the old page will fade out and slide to the left, and the new page will fade in and slide from the right. These particular animation styles come from Jake Archibald’s excellent [Chrome Developers article on view transitions](https://developer.chrome.com/docs/web-platform/view-transitions/), which is well worth a read if you want to understand everything you can do with this API.
+
+Note that we have to add `:root` before the `::view-transition` pseudoelements – these elements are only on the root of the document, so we don’t want Svelte to [scope them](/docs/svelte-components#style) to the component.
+
+You might have noticed that the entire page slides in and out, even though the header is the same on both the old and new page. To make for a smoother transition, we can give the header a unique `view-transition-name` so that it is animated separately from the rest of the page. In `src/routes/Header.svelte`, find the `header` CSS selector in the style block and add a view transition name.
+
+```css
+header {
+	display: flex;
+	justify-content: space-between;
+	view-transition-name: header;
+}
+```
+
+Now, the header will not transition in and out on navigation, but the rest of the page will.
+
+<video src="https://sveltejs.github.io/assets/video/vt-demo-2.mp4" controls muted playsinline></video>
+
+<details>
+<summary>Fixing the types</summary>
+
+Since `startViewTransition` is not supported by all browsers, your IDE may not know that it exists. To make the errors go away and get the correct typings, add the following to your `app.d.ts`:
+
+```ts
+declare global {
+	// preserve any customizations you have here
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+
+	// add these lines
+	interface ViewTransition {
+		updateCallbackDone: Promise<void>;
+		ready: Promise<void>;
+		finished: Promise<void>;
+		skipTransition: () => void;
+	}
+
+	interface Document {
+		startViewTransition(updateCallback: () => Promise<void>): ViewTransition;
+	}
+}
+
+export {};
+```
+
+</details>
+
+## Transitioning individual elements
+
+We just saw how giving an element a `view-transition-name` separates it out from the rest of the page's animation. Setting a `view-transition-name` also instructs the browser to smoothly animate it to its new position after the transition completes. The `view-transition-name` acts as a unique identifier so the browser can identify matching elements from the old and new states.
+
+Let’s see what that looks like – our demo app’s navigation has a small triangle indicating the active page. Right now, it abruptly appears in the new position after we navigate. Let’s give it a `view-transition-name` so the browser animates it to its new position instead.
+
+Inside `src/routes/Header.svelte`, find the CSS rule creating the active page indicator and give it a `view-transition-name`:
+
+```css
+li[aria-current='page']::before {
+	/* other existing rules */
+	view-transition-name: active-page;
+}
+```
+
+By adding that single line, the indicator will now smoothly slide to its new position instead of jumping.
+
+<video src="https://sveltejs.github.io/assets/video/vt-demo-3.mp4" controls muted playsinline></video>
+
+(It might be easy to miss the difference – look at the small moving triangle indicator at the top of the screen!)
+
+## Reduced motion
+
+It’s important to respect our users’ [motion preferences](https://web.dev/prefers-reduced-motion/) while implementing animation on the web. Just because you can implement an extreme page transition doesn’t mean you should. To disable all page transitions for users who prefer reduced motion, you can add the following to the global `styles.css`:
+
+```css
+@media (prefers-reduced-motion) {
+	::view-transition-group(*),
+	::view-transition-old(*),
+	::view-transition-new(*) {
+		animation: none !important;
+	}
+}
+```
+
+While this may be the safest option, reduced motion does not necessarily mean no animation. Instead, you could consider your view transitions on a case-by-case basis. For instance, maybe we disable the sliding animation, but leave the default crossfade (which doesn’t involve motion). You can do so by wrapping the `::view-transition` rules you want to disable in a `prefers-reduced-motion: no-preference` media-query:
+
+```css
+@media (prefers-reduced-motion: no-preference) {
+	:root::view-transition-old(root) {
+		animation: 90ms cubic-bezier(0.4, 0, 1, 1) both fade-out, 300ms cubic-bezier(0.4, 0, 0.2, 1) both
+				slide-to-left;
+	}
+
+	:root::view-transition-new(root) {
+		animation: 210ms cubic-bezier(0, 0, 0.2, 1) 90ms both fade-in, 300ms cubic-bezier(
+					0.4,
+					0,
+					0.2,
+					1
+				) both slide-from-right;
+	}
+}
+```
+
+## What’s next?
+
+As you can see, SvelteKit doesn’t abstract a whole lot about _how_ view transitions work – you’re interacting directly with the browser’s built-in `document.startViewTransition` and `::view-transition` APIs, rather than framework abstractions like those found in Nuxt and Astro. We’re eager to see how people end up using view transitions in SvelteKit apps, and whether it makes sense to add higher level abstractions of our own in future.
+
+## Resources
+
+You can find the demo code from this post [on GitHub](https://github.com/geoffrich/sveltekit-onnavigate-demo) and the live version [deployed to Vercel](https://sveltekit-onnavigate-demo.vercel.app/). Here are some other view transitions resources you may find helpful:
+
+- [MDN view transitions docs](https://developer.mozilla.org/en-US/docs/Web/API/View_Transitions_API)
+- [Chrome view transitions API explainer](https://developer.chrome.com/docs/web-platform/view-transitions/)
+- [Rich Harris demoing view transitions with onNavigate](https://www.youtube.com/shorts/weOCWOD2UIo)
+- [My Svelte Summit video showing how to use view transitions for FLIP animations](https://youtu.be/K95TQ-Yh7Cw)
+- [Fruit list demo](https://sveltekit-shared-element-transitions-codelab.vercel.app/fruits) ([source](https://github.com/geoffrich/sveltekit-view-transitions))
+- [Svelte Summit video list demo](https://http-203-svelte.vercel.app/) (based on a [Jake Archibald demo](https://http203-playlist.netlify.app/)) ([source](https://github.com/geoffrich/http-203-svelte))
diff --git a/documentation/blog/2023-09-01-whats-new-in-svelte-september-2023.md b/documentation/blog/2023-09-01-whats-new-in-svelte-september-2023.md
new file mode 100644
index 0000000000..84d0e410d5
--- /dev/null
+++ b/documentation/blog/2023-09-01-whats-new-in-svelte-september-2023.md
@@ -0,0 +1,97 @@
+---
+title: "What's new in Svelte: September 2023"
+description: "New parameters in SvelteKit's redirect and an onNavigate lifecycle function come to life"
+author: Dani Sandoval
+authorURL: https://dreamindani.com
+---
+
+Happy September y'all! With all the [sneak peeks at what's coming soon in Svelte 5](https://twitter.com/Rich_Harris/status/1688581184018583558), we thought it'd be best to look back at the last month to see what's shipped and what the community is building with Svelte.
+
+Before we jump in, a warm welcome to the new Svelte Ambassadors: [@cainux](https://github.com/cainux) and [@grischaerbe](https://github.com/grischaerbe)! Welcome to the crew ⛴️
+
+## What's new in Svelte & Language Tools
+- `svelteHTML` has moved from language-tools into Svelte core so that `svelte/element` types will now load correctly (**4.2.0** in Svelte, **107.10.0** in Language Tools)
+
+## What's new in SvelteKit
+- `URL` is now accepted in the `redirect` function (**1.23.0**, [Docs](https://kit.svelte.dev/docs/modules#sveltejs-kit-redirect), [#10570](https://github.com/sveltejs/kit/pull/10570))
+- Mistyped route filenames will now throw a warning (**1.23.0**, [#10558](https://github.com/sveltejs/kit/pull/10558))
+- The new `onNavigate` lifecycle function enables view transitions - Check out the [blog post](https://svelte.dev/blog/view-transitions) for more info (**1.24.0**, [Docs](https://kit.svelte.dev/docs/modules#app-navigation-onnavigate), [#9605](https://github.com/sveltejs/kit/pull/9605))
+
+But that's just the new features! For all the patches and performance updates from this month, check out the [SvelteKit CHANGELOG](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md). You can also find adapter-specific CHANGELOGs in each of [the `adapter` directories](https://github.com/sveltejs/kit/tree/master/packages).
+
+---
+
+## Community Showcase
+
+**Apps & Sites built with Svelte**
+- [Planet Of The Bugs](https://planetofthebugs.xyz/) allows developers to practice and hone their skill-sets by exposing them to an endless supply of unique, curated issues and bugs from popular open-source projects on Github
+- [Minesweeper](https://github.com/ProductionPanic/minesweeper/tree/main) is an Android game built with SvelteKit, Capacitor, TailwindCSS and DaisyUI (check it out on the [Google Play Store](https://play.google.com/store/apps/details?id=com.production.panic.minesweeper&pli=1))
+- [Pendor](https://www.pendor.ai/) is an AI component generator for Svelte
+- [Avatars Pro](https://senja.io/testimonial-widgets/avatars-pro) is a social proof widget made for the web
+- [Pomodoro Focus](https://github.com/con-dog/pomodoro-focus) is a pomodoro timer browser extension
+- [memegen](https://github.com/bhupeshpr25/memegen) is a Firefox web extension that allows users to generate memes using various templates
+- [Resgen](https://resgen.app/) is a Chrome extension that tailors resumes based on job descriptions and your experiences
+- [Icono Search](https://www.icono-search.com) is an AI-powered video search engine
+- [digital-paper](https://github.com/danferns/digital-paper) is a writing app with no backspace or undo
+- [Ubuntu 22.04 in Svelte](https://github.com/manhhungpc/ubuntu2204-svelte) aims to replicate the Ubuntu 22.04 desktop experience on the web
+- [My Queue](https://www.myqueue.so/) creates a playlist of written articles by turning them into audio stories
+
+
+
+**Learning Resources**
+_Featuring Svelte Contributors and Ambassadors_
+- [Svelte Society - London August 2023](https://www.youtube.com/watch?v=90Psdk5rAnU)
+- [Building a Blog using SvelteKit and Nostr as a CMS (Part 1](https://kevinak.se/blog/building-a-blog-using-sveltekit-and-nostr-as-a-cms-part-1-1690807337563)) by Kev
+- [Mastering SvelteKit with Geoff Rich | JS Drops](https://www.youtube.com/watch?v=MaF8kRbHbi0) by This Dot Media
+- [Using GitHub Contributions To Flex On The Normies](https://youtu.be/f9fd1L1FEts?si=3hbihW-X5-GKSJxN), [Learn Svelte By Making A Matching Game](https://www.youtube.com/watch?v=w2q9caYXgkg) and [Who Needs API Permission When You Can Use Web Scraping](https://www.youtube.com/watch?v=T-lBPpeokfY) by Joy of Code
+- [The missing guide to understanding adapter-static in SvelteKit](https://khromov.se/the-missing-guide-to-understanding-adapter-static-in-sveltekit/) by Stanislav Khromov
+- This Week in Svelte:
+  - [2023 July 28](https://www.youtube.com/watch?v=mvTEQ_C0qRQ) - Screen reader market share, Svelte to plain JS, Web Components
+  - [2023 Aug 4](https://www.youtube.com/watch?v=Ye8cCJyPZjg) - Svelte 4.1.2, SvelteKit 1.22.4, ES Modules, Types in markup
+  - [2023 August 11](https://www.youtube.com/watch?v=A8XUaiCVkCI) - Svelte 4.2.0, SvelteKit 1.22.5, How to create Toggle Switches
+  - [2023 August 18](https://www.youtube.com/watch?v=nJ5Wf3uL7dM) - SvelteKit 1.22.6, accessible form error summaries
+  - [2023 August 25](https://www.youtube.com/watch?v=JoPzvlBKXXE) - SvelteKit 1.23.0, Bun and SvelteKit, Enhanced search
+- Svienna (Svelte Society Vienna) Sessions
+  - [Ermin Celikovic - You might not need a slider library](https://www.youtube.com/watch?v=dSUmtijkFOc)
+  - [Lukas Stracke - How to use sentry.io in your SvelteKit App](https://www.youtube.com/watch?v=u41-MtPGH04)
+  - [Jean-Yves Couet - SvelteKit & Remult... fullstack apps in minutes!](https://www.youtube.com/watch?v=N8d290fTzq8)
+- Sirens Sessions
+  - [Prismic Slice Machines & SvelteKit](https://www.youtube.com/watch?v=19Meb-yMsAg) with Sam Littlefair
+  - [Medusa and SvelteKit E-Commerce Stack](https://www.youtube.com/watch?v=rVVHxows9dY) with Lacey Pevey
+  - [Design Systems: Lessons Learned](https://www.youtube.com/watch?v=YHZaiIGSqsE) with Eric Liu
+
+
+_To Watch_
+- [Image optimization in SvelteKit with vite-imagetools](https://www.youtube.com/watch?v=285vSLe9LQ8) by hartenfellerdev
+-  [Building a Todo App with Rust and SvelteKit: Complete Tutorial](https://www.youtube.com/watch?v=w7is2bCTUg0) and [Stripe Payment In SvelteKit With Dynamic Pricing](https://www.youtube.com/watch?v=o8gvCLgz1vs) by SvelteRust
+- [Leaflet maps in SvelteKit like it's 2023 (HowTo)](https://www.youtube.com/watch?v=JFctWXEzFZw)
+ShipBit
+
+
+_To Read_
+- [Internationalization in SvelteKit (Series)](https://blog.aakashgoplani.in/series/i18n-in-sveltekit) by Aakash Goplani
+- [The easiest Chatbot you will ever build](https://simon-prammer.vercel.app/blog/post/sveltekit-langchain) and [Intro to LangSmith🦜️🛠️](https://simon-prammer.vercel.app/blog/post/langsmith) by Simon Prammer
+- [SvelteKit: How to make code-based router, instead of file-based router [August 2023]](https://dev.to/maxcore/sveltekit-how-to-make-code-based-router-instead-of-file-based-router-august-2023-5f9) by Max Core
+- [SvelteKit Hydration Gotcha](https://www.captaincodeman.com/sveltekit-hydration-gotcha) by Captain Codeman
+- [Automatically generate sitemap.xml in SvelteKit](https://alex-schnabl.medium.com/automatically-generate-sitemap-xml-in-sveltekit-910bd09d17e7) by Alex Schnabl
+- [Discovering Svelte: Things I Learned While Using Svelte](https://www.tronic247.com/discovering-svelte-things-i-learned-while-using-svelte/) by Posandu Mapa
+- [Typed fetch with Sveltekit and Hono using RPC](https://dev.to/subhendupsingh/typed-fetch-with-sveltekit-and-hono-using-rpc-2clf) by Subhendu Pratap Singh
+- [Svelte Context Module Scripts Explained](https://raqueebuddinaziz.com/blog/svelte-context-module-scripts-explained) by raqueebuddin aziz
+- [Building with GPT4 and Svelte](https://kvak.io/meoweler) by levmiseri
+- [Type-safe User Authentication in SvelteKit with Lucia, Planetscale, and Upstash Redis](https://upstash.com/blog/lucia-sveltekit) by Chris Jayden
+- [Document Svelte Projects with HTML and JSDoc Comments](https://blog.robino.dev/posts/doc-comments-svelte) by Ross Robino
+
+
+
+**Libraries, Tools & Components**
+- [Carta](https://github.com/BearToCode/carta-md) is a lightweight, fast and extensible Svelte Markdown editor and viewer, based on Marked
+- [Threlte](https://threlte.xyz/), the 3D framework built from Svelte and Three.js has released version 6
+- [vite-plugin-web-extension](https://vite-plugin-web-extension.aklinker1.io/guide/frontend-frameworks.html#svelte-integration) works great with Svelte to make building browser extensions easier
+- [Salvia-kit Svelte Dashboards](https://github.com/salvia-kit/svelte-dashboards) contains 10 free dashboard templates for SvelteKit
+- [drab](https://github.com/rossrobino/drab) is an Unstyled Svelte component library
+- [svelte-img-previewer](https://www.npmjs.com/package/svelte-img-previewer?activeTab=readme) is a tool for displaying images from input file types in Svelte
+- [sveltekit-search-params](https://github.com/paoloricciuti/sveltekit-search-params) describes itself as the fastest way to read AND write from query search params in SvelteKit
+
+That's it for this month! Feel free to let us know if we missed anything on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.gg/svelte).
+
+Until next time 👋
diff --git a/documentation/blog/2023-09-20-runes.md b/documentation/blog/2023-09-20-runes.md
new file mode 100644
index 0000000000..3e3448885e
--- /dev/null
+++ b/documentation/blog/2023-09-20-runes.md
@@ -0,0 +1,224 @@
+---
+title: Introducing runes
+description: "Rethinking 'rethinking reactivity'"
+author: The Svelte team
+authorURL: /
+---
+
+In 2019, Svelte 3 turned JavaScript into a [reactive language](/blog/svelte-3-rethinking-reactivity). Svelte is a web UI framework that uses a compiler to turn declarative component code like this...
+
+```svelte
+<script>
+	let count = 0;
+
+	function increment() {
+		count += 1;
+	}
+</script>
+
+<button on:click={increment}>
+	clicks: {count}
+</button>
+```
+
+...into tightly optimized JavaScript that updates the document when state like `count` changes. Because the compiler can 'see' where `count` is referenced, the generated code is [highly efficient](/blog/virtual-dom-is-pure-overhead), and because we're hijacking syntax like `let` and `=` instead of using cumbersome APIs, you can [write less code](/blog/write-less-code).
+
+A common piece of feedback we get is 'I wish I could write all my JavaScript like this'. When you're used to things inside components magically updating, going back to boring old procedural code feels like going from colour to black-and-white.
+
+Svelte 5 changes all that with _runes_, which unlock _universal, fine-grained reactivity_.
+
+<div class="max">
+<figure style="max-width: 960px; margin: 0 auto">
+<div style="aspect-ratio: 1.755; position: relative; margin: 0 auto;">
+	<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0; margin: 0;" src="https://www.youtube-nocookie.com/embed/RVnxF3j3N8U" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+</div>
+
+<figcaption>Introducing runes</figcaption>
+</figure>
+</div>
+
+## Before we begin
+
+Even though we're changing how things work under the hood, Svelte 5 should be a drop-in replacement for almost everyone. The new features are opt-in — your existing components will continue to work.
+
+We don't yet have a release date for Svelte 5. What we're showing you here is a work-in-progress that is likely to change!
+
+## What are runes?
+
+> **rune** /ro͞on/ _noun_
+>
+> A letter or mark used as a mystical or magic symbol.
+
+Runes are symbols that influence the Svelte compiler. Whereas Svelte today uses `let`, `=`, the [`export`](https://learn.svelte.dev/tutorial/declaring-props) keyword and the [`$:`](https://learn.svelte.dev/tutorial/reactive-declarations) label to mean specific things, runes use _function syntax_ to achieve the same things and more.
+
+For example, to declare a piece of reactive state, we can use the `$state` rune:
+
+```diff
+<script>
+-	let count = 0;
++	let count = $state(0);
+
+	function increment() {
+		count += 1;
+	}
+</script>
+
+<button on:click={increment}>
+	clicks: {count}
+</button>
+```
+
+At first glance, this might seem like a step back — perhaps even [un-Svelte-like](https://twitter.com/stolinski/status/1438173489479958536). Isn't it better if `let count` is reactive by default?
+
+Well, no. The reality is that as applications grow in complexity, figuring out which values are reactive and which aren't can get tricky. And the heuristic only works for `let` declarations at the top level of a component, which can cause confusion. Having code behave one way inside `.svelte` files and another inside `.js` can make it hard to refactor code, for example if you need to turn something into a [store](https://learn.svelte.dev/tutorial/writable-stores) so that you can use it in multiple places.
+
+## Beyond components
+
+With runes, reactivity extends beyond the boundaries of your `.svelte` files. Suppose we wanted to encapsulate our counter logic in a way that could be reused between components. Today, you would use a [custom store](https://learn.svelte.dev/tutorial/custom-stores) in a `.js` or `.ts` file:
+
+```js
+import { writable } from 'svelte/store';
+
+export function createCounter() {
+	const { subscribe, update } = writable(0);
+
+	return {
+		subscribe,
+		increment: () => update((n) => n + 1)
+	};
+}
+```
+
+Because this implements the _store contract_ — the returned value has a `subscribe` method — we can reference the store value by prefixing the store name with `$`:
+
+```diff
+<script>
++	import { createCounter } from './counter.js';
++
++	const counter = createCounter();
+-	let count = 0;
+-
+-	function increment() {
+-		count += 1;
+-	}
+</script>
+
+-<button on:click={increment}>
+-	clicks: {count}
++<button on:click={counter.increment}>
++	clicks: {$counter}
+</button>
+```
+
+This works, but it's pretty weird! We've found that the store API can get rather unwieldy when you start doing more complex things.
+
+With runes, things get much simpler:
+
+```diff
+-import { writable } from 'svelte/store';
+
+export function createCounter() {
+-	const { subscribe, update } = writable(0);
++	let count = $state(0);
+
+	return {
+-		subscribe,
+-		increment: () => update((n) => n + 1)
++		get count() { return count },
++		increment: () => count += 1
+   };
+}
+```
+
+```diff
+<script>
+	import { createCounter } from './counter.js';
+
+	const counter = createCounter();
+</script>
+
+<button on:click={counter.increment}>
+-	clicks: {$counter}
++	clicks: {counter.count}
+</button>
+```
+
+Note that we're using a [get property](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/get) in the returned object, so that `counter.count` always refers to the current value rather than the value at the time the function was called.
+
+## Runtime reactivity
+
+Today, Svelte uses _compile-time reactivity_. This means that if you have some code that uses the `$:` label to re-run automatically when dependencies change, those dependencies are determined when Svelte compiles your component:
+
+```svelte
+<script>
+	export let width;
+	export let height;
+
+	// the compiler knows it should recalculate `area`
+	// when either `width` or `height` change...
+	$: area = width * height;
+
+	// ...and that it should log the value of `area`
+	// when _it_ changes
+	$: console.log(area);
+</script>
+```
+
+This works well... until it doesn't. Suppose we refactored the code above:
+
+```js
+// @errors: 7006 2304
+const multiplyByHeight = (width) => width * height;
+$: area = multiplyByHeight(width);
+```
+
+Because the `$: area = ...` declaration can only 'see' `width`, it won't be recalculated when `height` changes. As a result, code is hard to refactor, and understanding the intricacies of when Svelte chooses to update which values can become rather tricky beyond a certain level of complexity.
+
+Svelte 5 introduces the `$derived` and `$effect` runes, which instead determine the dependencies of their expressions when they are evaluated:
+
+```svelte
+<script>
+	let { width, height } = $props(); // instead of `export let`
+
+	const area = $derived(width * height);
+
+	$effect(() => {
+		console.log(area);
+	});
+</script>
+```
+
+As with `$state`, `$derived` and `$effect` can also be used in your `.js` and `.ts` files.
+
+## Signal boost
+
+Like every other framework, we've come to the realisation that [Knockout](https://knockoutjs.com/) was right all along.
+
+Svelte 5's reactivity is powered by _signals_, which are essentially [what Knockout was doing in 2010](https://dev.to/this-is-learning/the-evolution-of-signals-in-javascript-8ob). More recently, signals have been popularised by [Solid](https://www.solidjs.com/) and adopted by a multitude of other frameworks.
+
+We're doing things a bit differently though. In Svelte 5, signals are an under-the-hood implementation detail rather than something you interact with directly. As such, we don't have the same API design constraints, and can maximise both efficiency _and_ ergonomics. For example, we avoid the type narrowing issues that arise when values are accessed by function call, and when compiling in server-side rendering mode we can ditch the signals altogether, since on the server they're nothing but overhead.
+
+Signals unlock _fine-grained reactivity_, meaning that (for example) changes to a value inside a large list needn't invalidate all the _other_ members of the list. As such, Svelte 5 is ridonkulously fast.
+
+## Simpler times ahead
+
+Runes are an additive feature, but they make a whole bunch of existing concepts obsolete:
+
+- the difference between `let` at the top level of a component and everywhere else
+- `export let`
+- `$:`, with all its attendant quirks
+- different behaviour between `<script>` and `<script context="module">`
+- the store API, parts of which are genuinely quite complicated
+- the `$` store prefix
+- `$$props` and `$$restProps`
+- lifecycle functions (things like `onMount` can just be `$effect` functions)
+
+For those of you who already use Svelte, it's new stuff to learn, albeit hopefully stuff that makes your Svelte apps easier to build and maintain. But newcomers won't need to learn all those things — it'll just be in a section of the docs titled 'old stuff'.
+
+This is just the beginning though. We have a long list of ideas for subsequent releases that will make Svelte simpler and more capable.
+
+## Try it!
+
+You can't use Svelte 5 in production yet. We're in the thick of it at the moment and can't tell you when it'll be ready to use in your apps.
+
+But we didn't want to leave you hanging. We've created a [preview site](https://svelte-5-preview.vercel.app) with detailed explanations of the new features and an interactive playground. You can also visit the `#svelte-5-runes` channel of the [Svelte Discord](/chat) to learn more. We'd love to have your feedback!
diff --git a/documentation/blog/2023-10-01-hacktoberfest.md b/documentation/blog/2023-10-01-hacktoberfest.md
new file mode 100644
index 0000000000..c93f48eced
--- /dev/null
+++ b/documentation/blog/2023-10-01-hacktoberfest.md
@@ -0,0 +1,24 @@
+---
+title: "Hacktoberfest 2023 with SvelteKit"
+description: "SvelteKit joins in the Hacktoberfest event in 2023"
+author: Willow (GHOST) & Braden Wiggins
+authorURL: https://ghostdev.xyz
+---
+
+# Sveltekit 🧡 Hacktoberfest
+
+We're excited to announce SvelteKit's participation in this year's Hacktoberfest! Hacktoberfest is a global event that takes place every October, during which developers are encouraged to contribute to open-source projects like SvelteKit. The goal is to foster a vibrant open-source community, celebrate shared knowledge, and make the world of coding more accessible to all. You can find other participating repositories by searching the [`hacktoberfest` topic](https://github.com/topics/hacktoberfest) on github.
+
+## Getting Started
+
+The first step is to [register for Hacktoberfest](https://hacktoberfest.com/register). Once you've registered, any PRs submitted to Sveltekit will count towards your participation in the event!
+
+## Contributing
+
+If you need inspiration when looking for an issue to fix, check out the [low hanging fruit](https://github.com/sveltejs/kit/labels/low%20hanging%20fruit), [contributions-welcome](https://github.com/sveltejs/kit/labels/contributions-welcome), [ready to implement](https://github.com/sveltejs/kit/labels/ready%20to%20implement), or [documentation](https://github.com/sveltejs/kit/labels/documentation) tags.
+
+It's a good idea to communicate clearly and often about what you're trying to solve or take on. You can do this by commenting on the issues you intend to take on. This helps avoid duplicate work and ensures that your contribution is in line with the project's goals. Nobody likes to have their work rejected, so it's best to ask questions early and often!
+
+Join our [Discord](https://svelte.dev/chat) and ask questions in the dedicated `#hacktoberfest` channel. We're happy to help you get started!
+
+We're excited to see what you've got in store for SvelteKit! Happy hacking! 🎃
\ No newline at end of file
diff --git a/documentation/blog/2023-10-01-whats-new-in-svelte-october-2023.md b/documentation/blog/2023-10-01-whats-new-in-svelte-october-2023.md
new file mode 100644
index 0000000000..68c9a8b107
--- /dev/null
+++ b/documentation/blog/2023-10-01-whats-new-in-svelte-october-2023.md
@@ -0,0 +1,83 @@
+---
+title: "What's new in Svelte: October 2023"
+description: "Reactions to Runes and SvelteKit +server fallbacks"
+author: Dani Sandoval
+authorURL: https://dreamindani.com
+---
+
+Svelte 5 isn't out yet (you can, however, [preview it now](https://svelte-5-preview.vercel.app/)), but that doesn't mean we don't get a sneak peek! Most notably are [Runes](https://svelte.dev/blog/runes) - a simpler way to manage reactive variables in Svelte code. There's lots of links the showcase section for deeper dives on all things Runes, but let's talk about what else been released this month...
+
+## What's new in Svelte & Language Tools
+- [Svelte 4.2.1](https://github.com/sveltejs/svelte/blob/master/packages/svelte/CHANGELOG.md#421) was released with a bunch of fixes to HTML, CSS and sourcemap compilation
+- [The latest version of the Svelte language tools](https://github.com/sveltejs/language-tools/releases/tag/extensions-107.11.0) [enhances component references](https://github.com/sveltejs/language-tools/pull/2157) in the "Find All References" command, [fixes a persistent issue with automated types going missing](https://github.com/sveltejs/language-tools/pull/2160) after restarting a project and [adds fallback handling to auto-types](https://github.com/sveltejs/language-tools/issues/2156) (like those found in SvelteKit's `+server.js` files)
+
+## What's new in SvelteKit
+- `+server.js` now has a catch-all handler that handles all unimplemented valid server requests. Just export a `fallback` function! (**1.25.0**, [Docs](https://kit.svelte.dev/docs/routing#server-fallback-method-handler), [#9755](https://github.com/sveltejs/kit/pull/9755))
+
+That's all for the new features! If you're looking for other patches and performance updates, check out the [SvelteKit CHANGELOG](https://github.com/sveltejs/kit/blob/master/packages/kit/CHANGELOG.md). You can also find adapter-specific CHANGELOGs in each of [the `adapter` directories](https://github.com/sveltejs/kit/tree/master/packages).
+
+---
+
+## Community Showcase
+
+[Svelte Summit Fall](https://www.sveltesummit.com/) is happening on Nov 11, 2023. The 7th Virtual Svelte Conference is [open for proposals until October 15](https://sessionize.com/svelte-summit-fall-2023/) - anyone can submit!
+
+Threlte [is throwing a hackathon](https://threlte.xyz/hackathon) (**motion warning for the landing page** - it will respect Reduce Motion settings). The kickoff event is on Sunday, 15 October 2023 16:00 UTC.
+
+**Apps & Sites built with Svelte**
+- [game-of-life-svelte](https://github.com/StephenGunn/game-of-life-svelte) is a Conway's Game of Life implementation using SvelteKit tech
+- [Limey](https://limey.io/) is an easy-to-use website builder for simple sites and landing pages
+- [Appwrite's new landing page](https://appwrite.io/) is now written with SvelteKit (previously covered was their [console UI](https://github.com/appwrite/console) in Svelte)
+- [PlaceIt](https://github.com/Dae314/placeit-game) is a game about numbers and places
+- [Sveltroid](https://sveltroid.vercel.app/) is a fan-made recreation of Metroid Prime: Remastered ([code](https://github.com/TylerTonyJohnson/Metroid))
+- [Bolighub](https://www.bolighub.dk/) is a Denmark housing search portal
+- [Dithering](https://www.sigrist.dev/dithering) is a tool to dither photos with plenty of options
+- [Rocky Mountain Slam](https://www.rockymountainslam.com/) is an interactive map to follow Jason Heyn as he attempts to complete the first ever Rocky Mountain Slam ([code](https://github.com/martyheyn/rocky-mnt-slam))
+
+
+**Learning Resources**
+
+_Featuring Svelte Contributors and Ambassadors_
+- [Svelte 5: Introducing Runes... with Rich Harris](https://www.youtube.com/watch?v=RVnxF3j3N8U) and its follow-up: [Svelte 5 runes: what's the deal with getters and setters?](https://www.youtube.com/watch?v=NR8L5m73dtE)
+- [Conditionally stream data in SvelteKit](https://geoffrich.net/posts/conditionally-stream-data/) by Geoff Rich
+- [Svelte Runes Change How Reactivity Works In Svelte](https://www.youtube.com/watch?v=TOTUXiYZhf4), [Make A 3D GitHub Skyline With Svelte To Flex On Your Peers](https://www.youtube.com/watch?v=f9fd1L1FEts), [Simple Page Transitions Using The View Transitions API With SvelteKit](https://www.youtube.com/watch?v=q_2irZO4SS8) and [Using JavaScript Libraries With Svelte Is Easy](https://www.youtube.com/watch?v=N9OjaQ0XtKQ) by Joy of Code
+- [Modern Web Podcast S11E2](https://modernweb.podbean.com/e/modern-web-podcast-s11e2-exploring-svelte-open-source-and-discord-bots-with-willow-ghost/) - Exploring Svelte, Open Source, and Discord Bots with Willow (GHOST)
+- [We are back! Svelte 5, Transitions, What's New?!](https://www.svelteradio.com/episodes/we-are-back-svelte-5-transitions-whats-new) by Svelte Radio
+- This Week in Svelte:
+  - [2023 September 1](https://www.youtube.com/watch?v=fonBnVCIrjE) - SvelteKit 1.24.0, View Transitions API, AbortController
+  - [2023 September 8](https://www.youtube.com/watch?v=jfBjmczZwRc) - SvelteKit 1.24.1, Capacitor walkthrough, reusing prop types
+  - [2023 September 15](https://www.youtube.com/watch?v=qH2FavwhU88) - SvelteKit 1.25.0, deserialize form data, magic is coming
+  - [2023 September 22](https://www.youtube.com/watch?v=ek7KE1EDu2w) - Svelte 5 Runes!
+
+
+_To Watch_
+- [RUNES - Coming in Svelte v5 | My Take](https://www.youtube.com/watch?v=iCK1coch1wA) by Coding Garden
+- [Don't Sleep on Svelte 5](https://www.youtube.com/watch?v=DgNWssn2vpc) and [Level Up Your Svelte Stores](https://www.youtube.com/watch?v=-vjNAyL2JCQ) by Huntabyte
+- [Introduction To Svelte Runes (Every Svelte Rune Explained)](https://www.youtube.com/watch?v=gihSBVfyFbI) by Cooper Codes
+- [Svelte Runes: Awesome or Awful?](https://www.youtube.com/watch?v=JRZCqUOmFwY) by Jack Herrington
+- [Let Build A Youtube Clone With SvelteKit (Svelte, Tailwind Css, RapidApi, Shadcn Svelte, Axios, etc)](https://www.youtube.com/watch?v=65yMfpsoH4o) by Lawal Adebola
+
+
+_To Read_
+- [Create the Perfect Sharable Rune in Svelte](https://dev.to/jdgamble555/create-the-perfect-sharable-rune-in-svelte-ij8) by Jonathan Gamble
+- [You Don't Need to "Learn" Svelte](https://kaviisuri.com/you-dont-need-to-learn-svelte) by KaviiSuri
+- [Build Websites with Prismic and SvelteKit](https://prismic.io/blog/sveltekit-prismic-integration) by Angelo Ashmore
+- [How to embed Svelte apps inside PHP?](https://www.okupter.com/blog/php-embed-svelte) by Justin Ahinon
+- [Using Web Browser's Indexed DB in SvelteKit](https://dev.to/theether0/using-web-browsers-indexed-db-in-sveltekit-3oo3) by Shivam Meena
+- [Integrate Storybook in Svelte: Doing it the Svelte-way](https://mainmatter.com/blog/2023/09/18/integrate-storybook-in-svelte-doing-it-the-svelte-way/) by Oscar Dominguez
+- [The Sveltekit tutorial: Part 1 | What, why, and how?](https://tntman.tech/posts/sveltekit-guide-part-1) by Suyashtnt
+
+
+**Libraries, Tools & Components**
+- [KitForStartups](https://github.com/okupter/kitforstartups) is an Open Source SvelteKit SaaS boilerplate
+- [SuperNavigation](https://github.com/0xDjole/super-navigation) is a mobile-like navigation UX for the web
+- [skeleton-material-theme](https://github.com/plasmatech8/skeleton-material-theme) is a Material theme for the Skeleton UI library
+- [better-i18n-for-svelte](https://github.com/versiobit/better-i18n-for-svelte) is a SEO focused library for multi-language SvelteKit sites
+- [uico](https://github.com/rossrobino/uico) is a Tailwind plugin that provides utility classes for basic UI elements
+- [svelte-maskify](https://www.npmjs.com/package/svelte-maskify) is a action wrapper for AlpineJS masks
+- [sveltekit-capacitor](https://github.com/Hugos68/sveltekit-capacitor) is a template for building a SvelteKit SPA with Capacitor
+- [router-gen.ts](https://gist.github.com/HugeLetters/7a2813897dfe08fa948a13cac8a359c7) is a type-safe router for SvelteKit
+
+That's it for this month! Feel free to let us know if we missed anything on [Reddit](https://www.reddit.com/r/sveltejs/) or [Discord](https://discord.gg/svelte).
+
+Until next time 👋
diff --git a/documentation/docs/01-getting-started/01-introduction.md b/documentation/docs/01-getting-started/01-introduction.md
index 8983f876b2..8d3c41ce1a 100644
--- a/documentation/docs/01-getting-started/01-introduction.md
+++ b/documentation/docs/01-getting-started/01-introduction.md
@@ -21,7 +21,7 @@ SvelteKit will handle calling [the Svelte compiler](https://www.npmjs.com/packag
 
 ### Alternatives to SvelteKit
 
-If you don't want to use SvelteKit for some reason, you can also use Svelte with Vite (but without SvelteKit) by running `npm init vite` and selecting the `svelte` option. With this, `npm run build` will generate HTML, JS and CSS files inside the `dist` directory. In most cases, you will probably need to [choose a routing library](/faq#is-there-a-router) as well.
+If you don't want to use SvelteKit for some reason, you can also use Svelte with Vite (but without SvelteKit) by running `npm create vite@latest` and selecting the `svelte` option. With this, `npm run build` will generate HTML, JS and CSS files inside the `dist` directory. In most cases, you will probably need to [choose a routing library](/faq#is-there-a-router) as well.
 
 Alternatively, there are [plugins for all the major web bundlers](https://sveltesociety.dev/tools#bundling) to handle Svelte compilation — which will output `.js` and `.css` that you can insert into your HTML — but most others won't handle SSR.
 
diff --git a/documentation/docs/02-template-syntax/02-basic-markup.md b/documentation/docs/02-template-syntax/02-basic-markup.md
index 9e230078b5..e6192230d4 100644
--- a/documentation/docs/02-template-syntax/02-basic-markup.md
+++ b/documentation/docs/02-template-syntax/02-basic-markup.md
@@ -56,8 +56,9 @@ All other attributes are included unless their value is [nullish](https://develo
 
 An expression might include characters that would cause syntax highlighting to fail in regular HTML, so quoting the value is permitted. The quotes do not affect how the value is parsed:
 
+<!-- prettier-ignore -->
 ```svelte
-<button disabled={number !== 42}>...</button>
+<button disabled="{number !== 42}">...</button>
 ```
 
 When the attribute name and value match (`name={name}`), they can be replaced with `{name}`.
@@ -105,11 +106,13 @@ An element or component can have multiple spread attributes, interspersed with r
 
 ## Text expressions
 
+A JavaScript expression can be included as text by surrounding it with curly braces.
+
 ```svelte
 {expression}
 ```
 
-Text can also contain JavaScript expressions:
+Curly braces can be included in a Svelte template by using their [HTML entity](https://developer.mozilla.org/docs/Glossary/Entity) strings: `&lbrace;`, `&lcub;`, or `&#123;` for `{` and `&rbrace;`, `&rcub;`, or `&#125;` for `}`.
 
 > If you're using a regular expression (`RegExp`) [literal notation](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp#literal_notation_and_constructor), you'll need to wrap it in parentheses.
 
diff --git a/documentation/docs/02-template-syntax/03-logic-blocks.md b/documentation/docs/02-template-syntax/03-logic-blocks.md
index 43e7511bf5..af47f6dfa7 100644
--- a/documentation/docs/02-template-syntax/03-logic-blocks.md
+++ b/documentation/docs/02-template-syntax/03-logic-blocks.md
@@ -5,14 +5,17 @@ title: Logic blocks
 ## {#if ...}
 
 ```svelte
+<!--- copy: false  --->
 {#if expression}...{/if}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#if expression}...{:else if expression}...{/if}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#if expression}...{:else}...{/if}
 ```
 
@@ -41,22 +44,27 @@ Additional conditions can be added with `{:else if expression}`, optionally endi
 ## {#each ...}
 
 ```svelte
+<!--- copy: false  --->
 {#each expression as name}...{/each}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#each expression as name, index}...{/each}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#each expression as name (key)}...{/each}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#each expression as name, index (key)}...{/each}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#each expression as name}...{:else}...{/each}
 ```
 
@@ -125,29 +133,35 @@ Since Svelte 4 it is possible to iterate over iterables like `Map` or `Set`. Ite
 ## {#await ...}
 
 ```svelte
+<!--- copy: false  --->
 {#await expression}...{:then name}...{:catch name}...{/await}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#await expression}...{:then name}...{/await}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#await expression then name}...{/await}
 ```
 
 ```svelte
+<!--- copy: false  --->
 {#await expression catch name}...{/await}
 ```
 
-Await blocks allow you to branch on the three possible states of a Promise — pending, fulfilled or rejected. In SSR mode, only the pending state will be rendered on the server.
+Await blocks allow you to branch on the three possible states of a Promise — pending, fulfilled or rejected.
+In SSR mode, only the pending branch will be rendered on the server.
+If the provided expression is not a Promise only the fulfilled branch will be rendered, including in SSR mode.
 
 ```svelte
 {#await promise}
 	<!-- promise is pending -->
 	<p>waiting for the promise to resolve...</p>
 {:then value}
-	<!-- promise was fulfilled -->
+	<!-- promise was fulfilled or not a Promise -->
 	<p>The value is {value}</p>
 {:catch error}
 	<!-- promise was rejected -->
@@ -186,6 +200,7 @@ Similarly, if you only want to show the error state, you can omit the `then` blo
 ## {#key ...}
 
 ```svelte
+<!--- copy: false  --->
 {#key expression}...{/key}
 ```
 
diff --git a/documentation/docs/02-template-syntax/04-special-tags.md b/documentation/docs/02-template-syntax/04-special-tags.md
index f70ab4d092..4145d8d6d6 100644
--- a/documentation/docs/02-template-syntax/04-special-tags.md
+++ b/documentation/docs/02-template-syntax/04-special-tags.md
@@ -5,6 +5,7 @@ title: Special tags
 ## {@html ...}
 
 ```svelte
+<!--- copy: false --->
 {@html expression}
 ```
 
@@ -24,10 +25,12 @@ The expression should be valid standalone HTML — `{@html "<div>"}content{@html
 ## {@debug ...}
 
 ```svelte
+<!--- copy: false --->
 {@debug}
 ```
 
 ```svelte
+<!--- copy: false --->
 {@debug var1, var2, ..., varN}
 ```
 
@@ -65,6 +68,7 @@ The `{@debug}` tag without any arguments will insert a `debugger` statement that
 ## {@const ...}
 
 ```svelte
+<!--- copy: false --->
 {@const assignment}
 ```
 
diff --git a/documentation/docs/02-template-syntax/05-element-directives.md b/documentation/docs/02-template-syntax/05-element-directives.md
index f08df276be..91c663e19c 100644
--- a/documentation/docs/02-template-syntax/05-element-directives.md
+++ b/documentation/docs/02-template-syntax/05-element-directives.md
@@ -7,10 +7,12 @@ As well as attributes, elements can have _directives_, which control the element
 ## on:_eventname_
 
 ```svelte
+<!--- copy: false --->
 on:eventname={handler}
 ```
 
 ```svelte
+<!--- copy: false --->
 on:eventname|modifiers={handler}
 ```
 
@@ -72,7 +74,6 @@ If the `on:` directive is used without a value, the component will _forward_ the
 It's possible to have multiple event listeners for the same event:
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	let counter = 0;
 	function increment() {
@@ -91,6 +92,7 @@ It's possible to have multiple event listeners for the same event:
 ## bind:_property_
 
 ```svelte
+<!--- copy: false --->
 bind:property={variable}
 ```
 
@@ -186,6 +188,8 @@ Elements with the `contenteditable` attribute support the following bindings:
 
 There are slight differences between each of these, read more about them [here](https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent#Differences_from_innerText).
 
+<!-- for some reason puts the comment and html on same line -->
+<!-- prettier-ignore -->
 ```svelte
 <div contenteditable="true" bind:innerHTML={html} />
 ```
@@ -273,13 +277,13 @@ Block-level elements have 4 read-only bindings, measured using a technique simil
 ## bind:group
 
 ```svelte
+<!--- copy: false --->
 bind:group={variable}
 ```
 
 Inputs that work together can use `bind:group`.
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	let tortilla = 'Plain';
 
@@ -304,13 +308,13 @@ Inputs that work together can use `bind:group`.
 ## bind:this
 
 ```svelte
+<!--- copy: false --->
 bind:this={dom_node}
 ```
 
 To get a reference to a DOM node, use `bind:this`.
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	import { onMount } from 'svelte';
 
@@ -329,10 +333,12 @@ To get a reference to a DOM node, use `bind:this`.
 ## class:_name_
 
 ```svelte
+<!--- copy: false --->
 class:name={value}
 ```
 
 ```svelte
+<!--- copy: false --->
 class:name
 ```
 
@@ -393,14 +399,17 @@ When `style:` directives are combined with `style` attributes, the directives wi
 ## use:_action_
 
 ```svelte
+<!--- copy: false --->
 use:action
 ```
 
 ```svelte
+<!--- copy: false --->
 use:action={parameters}
 ```
 
 ```ts
+/// copy: false
 // @noErrors
 action = (node: HTMLElement, parameters: any) => {
 	update?: (parameters: any) => void,
@@ -411,7 +420,6 @@ action = (node: HTMLElement, parameters: any) => {
 Actions are functions that are called when an element is created. They can return an object with a `destroy` method that is called after the element is unmounted:
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	/** @type {import('svelte/action').Action}  */
 	function foo(node) {
@@ -433,7 +441,6 @@ An action can have a parameter. If the returned value has an `update` method, it
 > Don't worry about the fact that we're redeclaring the `foo` function for every component instance — Svelte will hoist any functions that don't depend on local state out of the component definition.
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	export let bar;
 
@@ -461,30 +468,37 @@ Read more in the [`svelte/action`](/docs/svelte-action) page.
 ## transition:_fn_
 
 ```svelte
+<!--- copy: false --->
 transition:fn
 ```
 
 ```svelte
+<!--- copy: false --->
 transition:fn={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 transition:fn|global
 ```
 
 ```svelte
+<!--- copy: false --->
 transition:fn|global={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 transition:fn|local
 ```
 
 ```svelte
+<!--- copy: false --->
 transition:fn|local={params}
 ```
 
 ```js
+/// copy: false
 // @noErrors
 transition = (node: HTMLElement, params: any, options: { direction: 'in' | 'out' | 'both' }) => {
 	delay?: number,
@@ -544,7 +558,6 @@ The `t` argument passed to `css` is a value between `0` and `1` after the `easin
 The function is called repeatedly _before_ the transition begins, with different `t` and `u` arguments.
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	import { elasticOut } from 'svelte/easing';
 
@@ -644,50 +657,62 @@ An element with transitions will dispatch the following events in addition to an
 ## in:_fn_/out:_fn_
 
 ```svelte
+<!--- copy: false --->
 in:fn
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fn={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fn|global
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fn|global={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fn|local
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fn|local={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fn
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fn={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fn|global
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fn|global={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fn|local
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fn|local={params}
 ```
 
@@ -704,14 +729,17 @@ Unlike with `transition:`, transitions applied with `in:` and `out:` are not bid
 ## animate:_fn_
 
 ```svelte
+<!--- copy: false --->
 animate:name
 ```
 
 ```svelte
+<!--- copy: false --->
 animate:name={params}
 ```
 
 ```js
+/// copy: false
 // @noErrors
 animation = (node: HTMLElement, { from: DOMRect, to: DOMRect } , params: any) => {
 	delay?: number,
@@ -723,6 +751,7 @@ animation = (node: HTMLElement, { from: DOMRect, to: DOMRect } , params: any) =>
 ```
 
 ```ts
+/// copy: false
 // @noErrors
 DOMRect {
 	bottom: number,
@@ -772,7 +801,6 @@ The function is called repeatedly _before_ the animation begins, with different
 <!-- TODO: Types -->
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	import { cubicOut } from 'svelte/easing';
 
@@ -806,7 +834,6 @@ A custom animation function can also return a `tick` function, which is called _
 > If it's possible to use `css` instead of `tick`, do so — CSS animations can run off the main thread, preventing jank on slower devices.
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	import { cubicOut } from 'svelte/easing';
 
diff --git a/documentation/docs/02-template-syntax/06-component-directives.md b/documentation/docs/02-template-syntax/06-component-directives.md
index f1d49323bd..39bdf80010 100644
--- a/documentation/docs/02-template-syntax/06-component-directives.md
+++ b/documentation/docs/02-template-syntax/06-component-directives.md
@@ -5,28 +5,24 @@ title: Component directives
 ## on:_eventname_
 
 ```svelte
+<!--- copy: false --->
 on:eventname={handler}
 ```
 
 Components can emit events using [`createEventDispatcher`](/docs/svelte#createeventdispatcher) or by forwarding DOM events.
 
 ```svelte
-<!-- SomeComponent.svelte -->
 <script>
-  import { createEventDispatcher } from 'svelte';
+	import { createEventDispatcher } from 'svelte';
 
-  const dispatch = createEventDispatcher();
+	const dispatch = createEventDispatcher();
 </script>
 
 <!-- programmatic dispatching -->
-<button on:click={() => dispatch('hello')}>
-  one
-</button>
+<button on:click={() => dispatch('hello')}> one </button>
 
 <!-- declarative event forwarding -->
-<button on:click>
-  two
-</button>
+<button on:click> two </button>
 ```
 
 Listening for component events looks the same as listening for DOM events:
@@ -44,6 +40,7 @@ As with DOM events, if the `on:` directive is used without a value, the event wi
 ## --style-props
 
 ```svelte
+<!--- copy: false --->
 --style-props="anycssvalue"
 ```
 
@@ -78,7 +75,6 @@ For SVG namespace, the example above desugars into using `<g>` instead:
 Svelte's CSS Variables support allows for easily themeable components:
 
 ```svelte
-<!-- Slider.svelte -->
 <style>
 	.potato-slider-rail {
 		background-color: var(--rail-color, var(--theme-color, 'purple'));
@@ -118,6 +114,7 @@ While Svelte props are reactive without binding, that reactivity only flows down
 ## bind:this
 
 ```svelte
+<!--- copy: false --->
 bind:this={component_instance}
 ```
 
diff --git a/documentation/docs/02-template-syntax/07-special-elements.md b/documentation/docs/02-template-syntax/07-special-elements.md
index 42290e3c44..74a42d486e 100644
--- a/documentation/docs/02-template-syntax/07-special-elements.md
+++ b/documentation/docs/02-template-syntax/07-special-elements.md
@@ -198,7 +198,6 @@ If `this` is the name of a [void element](https://developer.mozilla.org/en-US/do
 <script>
 	let tag = 'div';
 
-	/** @type {(e: MouseEvent) => void} */
 	export let handler;
 </script>
 
diff --git a/documentation/docs/03-runtime/02-svelte-store.md b/documentation/docs/03-runtime/02-svelte-store.md
index 3643d8d2fa..a87a3722ec 100644
--- a/documentation/docs/03-runtime/02-svelte-store.md
+++ b/documentation/docs/03-runtime/02-svelte-store.md
@@ -61,9 +61,7 @@ Note that the value of a `writable` is lost when it is destroyed, for example wh
 
 Creates a store whose value cannot be set from 'outside', the first argument is the store's initial value, and the second argument to `readable` is the same as the second argument to `writable`.
 
-```js
-<!--- file: App.svelte --->
-// ---cut---
+```ts
 import { readable } from 'svelte/store';
 
 const time = readable(new Date(), (set) => {
@@ -114,7 +112,7 @@ The callback can set a value asynchronously by accepting a second argument, `set
 
 In this case, you can also pass a third argument to `derived` — the initial value of the derived store before `set` or `update` is first called. If no initial value is specified, the store's initial value will be `undefined`.
 
-```js
+```ts
 // @filename: ambient.d.ts
 import { type Writable } from 'svelte/store';
 
@@ -129,13 +127,17 @@ export {};
 // ---cut---
 import { derived } from 'svelte/store';
 
-const delayed = derived(a, ($a, set) => {
-	setTimeout(() => set($a), 1000);
-}, 2000);
+const delayed = derived(
+	a,
+	($a, set) => {
+		setTimeout(() => set($a), 1000);
+	},
+	2000
+);
 
 const delayedIncrement = derived(a, ($a, set, update) => {
 	set($a);
-	setTimeout(() => update(x => x + 1), 1000);
+	setTimeout(() => update((x) => x + 1), 1000);
 	// every time $a produces a value, this produces two
 	// values, $a immediately and then $a + 1 a second later
 });
@@ -143,7 +145,7 @@ const delayedIncrement = derived(a, ($a, set, update) => {
 
 If you return a function from the callback, it will be called when a) the callback runs again, or b) the last subscriber unsubscribes.
 
-```js
+```ts
 // @filename: ambient.d.ts
 import { type Writable } from 'svelte/store';
 
@@ -224,7 +226,7 @@ Generally, you should read the value of a store by subscribing to it and using t
 
 > This works by creating a subscription, reading the value, then unsubscribing. It's therefore not recommended in hot code paths.
 
-```js
+```ts
 // @filename: ambient.d.ts
 import { type Writable } from 'svelte/store';
 
diff --git a/documentation/docs/03-runtime/04-svelte-transition.md b/documentation/docs/03-runtime/04-svelte-transition.md
index 8b5b234b3f..fe8d184e1a 100644
--- a/documentation/docs/03-runtime/04-svelte-transition.md
+++ b/documentation/docs/03-runtime/04-svelte-transition.md
@@ -9,14 +9,17 @@ The `svelte/transition` module exports seven functions: `fade`, `blur`, `fly`, `
 > EXPORT_SNIPPET: svelte/transition#fade
 
 ```svelte
+<!--- copy: false --->
 transition:fade={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fade={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fade={params}
 ```
 
@@ -45,14 +48,17 @@ You can see the `fade` transition in action in the [transition tutorial](https:/
 > EXPORT_SNIPPET: svelte/transition#blur
 
 ```svelte
+<!--- copy: false --->
 transition:blur={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:blur={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:blur={params}
 ```
 
@@ -81,14 +87,17 @@ Animates a `blur` filter alongside an element's opacity.
 > EXPORT_SNIPPET: svelte/transition#fly
 
 ```svelte
+<!--- copy: false --->
 transition:fly={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:fly={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:fly={params}
 ```
 
@@ -126,14 +135,17 @@ You can see the `fly` transition in action in the [transition tutorial](https://
 > EXPORT_SNIPPET: svelte/transition#slide
 
 ```svelte
+<!--- copy: false --->
 transition:slide={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:slide={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:slide={params}
 ```
 
@@ -165,14 +177,17 @@ Slides an element in and out.
 > EXPORT_SNIPPET: svelte/transition#scale
 
 ```svelte
+<!--- copy: false --->
 transition:scale={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:scale={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:scale={params}
 ```
 
@@ -204,14 +219,17 @@ Animates the opacity and scale of an element. `in` transitions animate from an e
 > EXPORT_SNIPPET: svelte/transition#draw
 
 ```svelte
+<!--- copy: false --->
 transition:draw={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 in:draw={params}
 ```
 
 ```svelte
+<!--- copy: false --->
 out:draw={params}
 ```
 
diff --git a/documentation/docs/03-runtime/05-svelte-animate.md b/documentation/docs/03-runtime/05-svelte-animate.md
index e4eaacda7a..44be6d448b 100644
--- a/documentation/docs/03-runtime/05-svelte-animate.md
+++ b/documentation/docs/03-runtime/05-svelte-animate.md
@@ -9,6 +9,7 @@ The `svelte/animate` module exports one function for use with Svelte [animations
 > EXPORT_SNIPPET: svelte/animate#flip
 
 ```svelte
+<!--- copy: false --->
 animate:flip={params}
 ```
 
diff --git a/documentation/docs/03-runtime/07-svelte-action.md b/documentation/docs/03-runtime/07-svelte-action.md
index 75f334e822..ebd4185774 100644
--- a/documentation/docs/03-runtime/07-svelte-action.md
+++ b/documentation/docs/03-runtime/07-svelte-action.md
@@ -5,7 +5,6 @@ title: svelte/action
 Actions are functions that are called when an element is created. They can return an object with a `destroy` method that is called after the element is unmounted:
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	/** @type {import('svelte/action').Action}  */
 	function foo(node) {
@@ -27,7 +26,6 @@ An action can have a parameter. If the returned value has an `update` method, it
 > Don't worry that we're redeclaring the `foo` function for every component instance — Svelte will hoist any functions that don't depend on local state out of the component definition.
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	/** @type {string} */
 	export let bar;
@@ -56,7 +54,6 @@ An action can have a parameter. If the returned value has an `update` method, it
 Sometimes actions emit custom events and apply custom attributes to the element they are applied to. To support this, actions typed with `Action` or `ActionReturn` type can have a last parameter, `Attributes`:
 
 ```svelte
-<!--- file: App.svelte --->
 <script>
 	/**
 	 * @type {import('svelte/action').Action<HTMLDivElement, { prop: any }, { 'on:emit': (e: CustomEvent<string>) => void }>}
diff --git a/documentation/docs/04-compiler-and-api/01-svelte-compiler.md b/documentation/docs/04-compiler-and-api/01-svelte-compiler.md
index a66ee47136..014a2617a3 100644
--- a/documentation/docs/04-compiler-and-api/01-svelte-compiler.md
+++ b/documentation/docs/04-compiler-and-api/01-svelte-compiler.md
@@ -90,7 +90,7 @@ Each `markup`, `script` or `style` function must return an object (or a Promise
 
 > Preprocessor functions should return a `map` object whenever possible or else debugging becomes harder as stack traces can't link to the original code correctly.
 
-```js
+```ts
 // @filename: ambient.d.ts
 declare global {
 	var source: string;
@@ -128,6 +128,7 @@ const { code } = await preprocess(
 If a `dependencies` array is returned, it will be included in the result object. This is used by packages like [vite-plugin-svelte](https://github.com/sveltejs/vite-plugin-svelte) and [rollup-plugin-svelte](https://github.com/sveltejs/rollup-plugin-svelte) to watch additional files for changes, in the case where your `<style>` tag has an `@import` (for example).
 
 ```ts
+/// file: preprocess-sass.js
 // @filename: ambient.d.ts
 declare global {
 	var source: string;
@@ -204,6 +205,7 @@ Multiple preprocessors can be used together. The output of the first becomes the
 > In Svelte 3, all `markup` functions ran first, then all `script` and then all `style` preprocessors. This order was changed in Svelte 4.
 
 ```js
+/// file: multiple-preprocessor.js
 // @errors: 2322
 // @filename: ambient.d.ts
 declare global {
@@ -255,6 +257,7 @@ The `walk` function provides a way to walk the abstract syntax trees generated b
 The walker takes an abstract syntax tree to walk and an object with two optional methods: `enter` and `leave`. For each node, `enter` is called (if present). Then, unless `this.skip()` is called during `enter`, each of the children are traversed, and then `leave` is called on the node.
 
 ```js
+/// file: compiler-walk.js
 // @filename: ambient.d.ts
 declare global {
 	var ast: import('estree').Node;
diff --git a/documentation/docs/04-compiler-and-api/02-client-side-component-api.md b/documentation/docs/04-compiler-and-api/02-client-side-component-api.md
index f14fbe3e66..93856cf010 100644
--- a/documentation/docs/04-compiler-and-api/02-client-side-component-api.md
+++ b/documentation/docs/04-compiler-and-api/02-client-side-component-api.md
@@ -67,6 +67,7 @@ Whereas children of `target` are normally left alone, `hydrate: true` will cause
 The existing DOM doesn't need to match the component — Svelte will 'repair' the DOM as it goes.
 
 ```ts
+/// file: index.js
 // @filename: ambient.d.ts
 import { SvelteComponent, ComponentConstructorOptions } from 'svelte';
 
@@ -150,6 +151,7 @@ Causes the `callback` function to be called whenever the component dispatches an
 A function is returned that will remove the event listener when called.
 
 ```ts
+/// file: index.js
 // @filename: ambient.d.ts
 import { SvelteComponent, ComponentConstructorOptions } from 'svelte';
 
@@ -231,6 +233,7 @@ If a component is compiled with `accessors: true`, each instance will have gette
 By default, `accessors` is `false`, unless you're compiling as a custom element.
 
 ```js
+/// file: index.js
 // @filename: ambient.d.ts
 import { SvelteComponent, ComponentConstructorOptions } from 'svelte';
 
diff --git a/documentation/docs/05-misc/01-faq.md b/documentation/docs/05-misc/01-faq.md
index dd55458647..ea932eff34 100644
--- a/documentation/docs/05-misc/01-faq.md
+++ b/documentation/docs/05-misc/01-faq.md
@@ -59,42 +59,13 @@ It will show up on hover.
 
 Note: The `@component` is necessary in the HTML comment which describes your component.
 
-## What about TypeScript support?
-
-You need to install a preprocessor such as [svelte-preprocess](https://github.com/sveltejs/svelte-preprocess). You can run type checking from the command line with [svelte-check](https://www.npmjs.com/package/svelte-check).
-
-To declare the type of a reactive variable in a Svelte template, you should use the following syntax:
-
-```ts
-const count: number = 100;
-
-// ---cut---
-let x: number;
-$: x = count + 1;
-```
-
-To import a type or interface make sure to use [TypeScript's `type` modifier](https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-8.html#type-only-imports-and-export):
-
-```ts
-// @filename: SomeFile.ts
-export interface SomeInterface {
-	foo: string;
-}
-
-// @filename: index.ts
-// ---cut---
-import type { SomeInterface } from './SomeFile';
-```
-
-You must use the `type` modifier because `svelte-preprocess` doesn't know whether an import is a type or a value — it only transpiles one file at a time without knowledge of the other files and therefore can't safely erase imports which only contain types without this modifier present.
-
 ## Does Svelte scale?
 
 There will be a blog post about this eventually, but in the meantime, check out [this issue](https://github.com/sveltejs/svelte/issues/2546).
 
 ## Is there a UI component library?
 
-There are several UI component libraries as well as standalone components. Find them under the [components section](https://sveltesociety.dev/components#design-systems) of the Svelte Society website.
+There are several UI component libraries as well as standalone components. Find them under the [design systems section of the components page](https://sveltesociety.dev/components#design-systems) on the Svelte Society website.
 
 ## How do I test Svelte apps?
 
@@ -131,6 +102,17 @@ If you need hash-based routing on the client side, check out [svelte-spa-router]
 
 You can see a [community-maintained list of routers on sveltesociety.dev](https://sveltesociety.dev/components#routers).
 
+## Can I tell Svelte not to remove my unused styles?
+
+No. Svelte removes the styles from the component and warns you about them in order to prevent issues that would otherwise arise.
+
+Svelte's component style scoping works by generating a class unique to the given component, adding it to the relevant elements in the component that are under Svelte's control, and then adding it to each of the selectors in that component's styles. When the compiler can't see what elements a style selector applies to, there would be two bad options for keeping it:
+
+- If it keeps the selector and adds the scoping class to it, the selector will likely not match the expected elements in the component, and they definitely won't if they were created by a child component or `{@html ...}`.
+- If it keeps the selector without adding the scoping class to it, the given style will become a global style, affecting your entire page.
+
+If you need to style something that Svelte can't identify at compile time, you will need to explicitly opt into global styles by using `:global(...)`. But also keep in mind that you can wrap `:global(...)` around only part of a selector. `.foo :global(.bar) { ... }` will style any `.bar` elements that appear within the component's `.foo` elements. As long as there's some parent element in the current component to start from, partially global selectors like this will almost always be able to get you what you want.
+
 ## Is Svelte v2 still available?
 
 New features aren't being added to it, and bugs will probably only be fixed if they are extremely nasty or present some sort of security vulnerability.
diff --git a/documentation/docs/05-misc/03-typescript.md b/documentation/docs/05-misc/03-typescript.md
index d5772fa157..3fe3580f7e 100644
--- a/documentation/docs/05-misc/03-typescript.md
+++ b/documentation/docs/05-misc/03-typescript.md
@@ -140,6 +140,26 @@ declare namespace svelteHTML {
 
 Then make sure that `d.ts` file is referenced in your `tsconfig.json`. If it reads something like `"include": ["src/**/*"]` and your `d.ts` file is inside `src`, it should work. You may need to reload for the changes to take effect.
 
+Since Svelte version 4.2 / `svelte-check` version 3.5 / VS Code extension version 107.10.0 you can also declare the typings by augmenting the `svelte/elements` module like this:
+
+```ts
+/// file: additional-svelte-typings.d.ts
+import { HTMLButtonAttributes } from 'svelte/elements';
+
+declare module 'svelte/elements' {
+	export interface SvelteHTMLElements {
+		'custom-button': HTMLButtonAttributes;
+	}
+
+	// allows for more granular control over what element to add the typings to
+	export interface HTMLButtonAttributes {
+		veryexperimentalattribute?: string;
+	}
+}
+
+export {}; // ensure this is not an ambient module, else types will be overridden instead of augmented
+```
+
 ## Experimental advanced typings
 
 A few features are missing from taking full advantage of TypeScript in more advanced use cases like typing that a component implements a certain interface, explicitly typing slots, or using generics. These things are possible using experimental advanced type capabilities. See [this RFC](https://github.com/dummdidumm/rfcs/blob/ts-typedefs-within-svelte-components/text/ts-typing-props-slots-events.md) for more information on how to make use of them.
diff --git a/documentation/examples/11-easing/00-easing/App.svelte b/documentation/examples/11-easing/00-easing/App.svelte
index 39b6f4ea78..c3814bb8bd 100644
--- a/documentation/examples/11-easing/00-easing/App.svelte
+++ b/documentation/examples/11-easing/00-easing/App.svelte
@@ -68,6 +68,10 @@
 </div>
 
 <style>
+	:root {
+		scrollbar-gutter: stable;
+	}
+
 	.easing-vis {
 		display: flex;
 		max-height: 95%;
diff --git a/documentation/examples/11-easing/00-easing/Controls.svelte b/documentation/examples/11-easing/00-easing/Controls.svelte
index 127389b4bc..a938ee235b 100644
--- a/documentation/examples/11-easing/00-easing/Controls.svelte
+++ b/documentation/examples/11-easing/00-easing/Controls.svelte
@@ -74,18 +74,14 @@
 	ul {
 		list-style: none;
 		padding: 0;
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
+		display: grid;
+		grid-template-columns: 1fr;
+		gap: 3px;
 		font-size: 18px;
 	}
 
 	li {
-		padding: 5px 10px;
-		background: #eee;
-		border-radius: 2px;
-		margin: 3px 0;
-		cursor: pointer;
+		display: grid;
 	}
 
 	li:hover {
@@ -93,9 +89,16 @@
 		color: white;
 	}
 
-	.selected {
+	button {
+		border: none;
+		border-radius: 2px;
+		padding: 2px;
+	}
+
+	.selected > button {
 		background: #ff3e00;
 		color: white;
+		font-weight: bold;
 	}
 
 	h3 {
diff --git a/documentation/tutorial/04-logic/03-else-if-blocks/app-a/App.svelte b/documentation/tutorial/04-logic/03-else-if-blocks/app-a/App.svelte
index 2b740dbf9b..fb41a894f9 100644
--- a/documentation/tutorial/04-logic/03-else-if-blocks/app-a/App.svelte
+++ b/documentation/tutorial/04-logic/03-else-if-blocks/app-a/App.svelte
@@ -4,8 +4,6 @@
 
 {#if x > 10}
 	<p>{x} is greater than 10</p>
-{:else if 5 > x}
-	<p>{x} is less than 5</p>
 {:else}
-	<p>{x} is between 5 and 10</p>
+	<p>{x} is between 0 and 10</p>
 {/if}
diff --git a/packages/svelte/CHANGELOG.md b/packages/svelte/CHANGELOG.md
index aa0313a68a..2963db98af 100644
--- a/packages/svelte/CHANGELOG.md
+++ b/packages/svelte/CHANGELOG.md
@@ -1,5 +1,45 @@
 # svelte
 
+## 4.2.2
+
+### Patch Changes
+
+- fix: support camelCase properties on custom elements ([#9328](https://github.com/sveltejs/svelte/pull/9328))
+
+- fix: add missing plaintext-only value to contenteditable type ([#9242](https://github.com/sveltejs/svelte/pull/9242))
+
+- chore: upgrade magic-string to 0.30.4 ([#9292](https://github.com/sveltejs/svelte/pull/9292))
+
+- fix: ignore trailing comments when comparing nodes ([#9197](https://github.com/sveltejs/svelte/pull/9197))
+
+## 4.2.1
+
+### Patch Changes
+
+- fix: update style directive when style attribute is present and is updated via an object prop ([#9187](https://github.com/sveltejs/svelte/pull/9187))
+
+- fix: css sourcemap generation with unicode filenames ([#9120](https://github.com/sveltejs/svelte/pull/9120))
+
+- fix: do not add module declared variables as dependencies ([#9122](https://github.com/sveltejs/svelte/pull/9122))
+
+- fix: handle `svelte:element` with dynamic this and spread attributes ([#9112](https://github.com/sveltejs/svelte/pull/9112))
+
+- fix: silence false positive reactive component warning ([#9094](https://github.com/sveltejs/svelte/pull/9094))
+
+- fix: head duplication when binding is present ([#9124](https://github.com/sveltejs/svelte/pull/9124))
+
+- fix: take custom attribute name into account when reflecting property ([#9140](https://github.com/sveltejs/svelte/pull/9140))
+
+- fix: add `indeterminate` to the list of HTMLAttributes ([#9180](https://github.com/sveltejs/svelte/pull/9180))
+
+- fix: recognize option value on spread attribute ([#9125](https://github.com/sveltejs/svelte/pull/9125))
+
+## 4.2.0
+
+### Minor Changes
+
+- feat: move `svelteHTML` from language-tools into core to load the correct `svelte/element` types ([#9070](https://github.com/sveltejs/svelte/pull/9070))
+
 ## 4.1.2
 
 ### Patch Changes
diff --git a/packages/svelte/elements.d.ts b/packages/svelte/elements.d.ts
index 9a7e7b3aa8..2161f56da4 100644
--- a/packages/svelte/elements.d.ts
+++ b/packages/svelte/elements.d.ts
@@ -486,7 +486,7 @@ export interface HTMLAttributes<T extends EventTarget> extends AriaAttributes, D
 	accesskey?: string | undefined | null;
 	autofocus?: boolean | undefined | null;
 	class?: string | undefined | null;
-	contenteditable?: Booleanish | 'inherit' | undefined | null;
+	contenteditable?: Booleanish | 'inherit' | 'plaintext-only' | undefined | null;
 	contextmenu?: string | undefined | null;
 	dir?: string | undefined | null;
 	draggable?: Booleanish | undefined | null;
@@ -808,6 +808,7 @@ export interface HTMLInputAttributes extends HTMLAttributes<HTMLInputElement> {
 	formnovalidate?: boolean | undefined | null;
 	formtarget?: string | undefined | null;
 	height?: number | string | undefined | null;
+	indeterminate?: boolean | undefined | null;
 	list?: string | undefined | null;
 	max?: number | string | undefined | null;
 	maxlength?: number | undefined | null;
@@ -1404,6 +1405,7 @@ export interface SVGAttributes<T extends EventTarget> extends AriaAttributes, DO
 	'text-rendering'?: number | string | undefined | null;
 	to?: number | string | undefined | null;
 	transform?: string | undefined | null;
+	'transform-origin'?: string | undefined | null;
 	u1?: number | string | undefined | null;
 	u2?: number | string | undefined | null;
 	'underline-position'?: number | string | undefined | null;
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 8a294c6dff..bb131fe200 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svelte",
-  "version": "4.1.2",
+  "version": "4.2.2",
   "description": "Cybernetically enhanced web apps",
   "type": "module",
   "module": "src/runtime/index.js",
@@ -19,6 +19,7 @@
     "motion.d.ts",
     "action.d.ts",
     "elements.d.ts",
+    "svelte-html.d.ts",
     "README.md"
   ],
   "exports": {
@@ -82,7 +83,7 @@
     "posttest": "agadoo src/internal/index.js",
     "prepublishOnly": "pnpm build",
     "types": "node ./scripts/generate-dts.js",
-    "lint": "prettier . --cache --plugin-search-dir=. --check && eslint \"{src,test}/**/*.{ts,js}\" --cache"
+    "lint": "prettier . --cache --plugin-search-dir=. --check && eslint \"{scripts,src,test}/**/*.js\" --cache --fix"
   },
   "repository": {
     "type": "git",
@@ -113,7 +114,7 @@
     "estree-walker": "^3.0.3",
     "is-reference": "^3.0.1",
     "locate-character": "^3.0.0",
-    "magic-string": "^0.30.0",
+    "magic-string": "^0.30.4",
     "periscopic": "^3.1.0"
   },
   "devDependencies": {
@@ -128,8 +129,9 @@
     "agadoo": "^3.0.0",
     "dts-buddy": "^0.1.7",
     "esbuild": "^0.18.11",
+    "eslint-plugin-lube": "^0.1.7",
     "happy-dom": "^9.20.3",
-    "jsdom": "^21.1.2",
+    "jsdom": "22.0.0",
     "kleur": "^4.1.5",
     "rollup": "^3.26.2",
     "source-map": "^0.7.4",
diff --git a/packages/svelte/scripts/.eslintrc.json b/packages/svelte/scripts/.eslintrc.json
new file mode 100644
index 0000000000..9138b8ea0b
--- /dev/null
+++ b/packages/svelte/scripts/.eslintrc.json
@@ -0,0 +1,6 @@
+{
+	"plugins": ["lube"],
+	"rules": {
+		"lube/svelte-naming-convention": ["error", { "fixSameNames": true }]
+	}
+}
diff --git a/packages/svelte/scripts/compile-test.js b/packages/svelte/scripts/compile-test.js
index 9a83708b38..9c9d0efcd5 100644
--- a/packages/svelte/scripts/compile-test.js
+++ b/packages/svelte/scripts/compile-test.js
@@ -1,8 +1,8 @@
 // Compile all Svelte files in a directory to JS and CSS files
 // Usage: node scripts/compile-test.js <directory>
 
-import { mkdirSync, readFileSync, writeFileSync } from 'fs';
-import path from 'path';
+import { mkdirSync, readFileSync, writeFileSync } from 'node:fs';
+import path from 'node:path';
 import glob from 'tiny-glob/sync.js';
 import { compile } from '../src/compiler/index.js';
 
diff --git a/packages/svelte/scripts/generate-dts.js b/packages/svelte/scripts/generate-dts.js
index 0ecf7127df..9342eae75f 100644
--- a/packages/svelte/scripts/generate-dts.js
+++ b/packages/svelte/scripts/generate-dts.js
@@ -1,18 +1,18 @@
-import * as fs from 'fs';
+import * as fs from 'node:fs';
 import { createBundle } from 'dts-buddy';
 
 // It may look weird, but the imports MUST be ending with index.js to be properly resolved in all TS modes
 for (const name of ['action', 'animate', 'easing', 'motion', 'store', 'transition']) {
-	fs.writeFileSync(`${name}.d.ts`, `import './types/index.js';`);
+	fs.writeFileSync(`${name}.d.ts`, "import './types/index.js';");
 }
 
-fs.writeFileSync('index.d.ts', `import './types/index.js';`);
-fs.writeFileSync('compiler.d.ts', `import './types/index.js';`);
+fs.writeFileSync('index.d.ts', "import './types/index.js';");
+fs.writeFileSync('compiler.d.ts', "import './types/index.js';");
 
 // TODO: some way to mark these as deprecated
 fs.mkdirSync('./types/compiler', { recursive: true });
-fs.writeFileSync('./types/compiler/preprocess.d.ts', `import '../index.js';`);
-fs.writeFileSync('./types/compiler/interfaces.d.ts', `import '../index.js';`);
+fs.writeFileSync('./types/compiler/preprocess.d.ts', "import '../index.js';");
+fs.writeFileSync('./types/compiler/interfaces.d.ts', "import '../index.js';");
 
 await createBundle({
 	output: 'types/index.d.ts',
diff --git a/packages/svelte/scripts/globals-extractor.js b/packages/svelte/scripts/globals-extractor.js
index 13f1c87f9a..bd94cc501f 100644
--- a/packages/svelte/scripts/globals-extractor.js
+++ b/packages/svelte/scripts/globals-extractor.js
@@ -6,8 +6,8 @@ Please run `node scripts/globals-extractor.js` at the project root.
 see: https://github.com/microsoft/TypeScript/tree/main/lib
  ---------------------------------------------------------------------- */
 
-import http from 'https';
-import fs from 'fs';
+import http from 'node:https';
+import fs from 'node:fs';
 
 const GLOBAL_TS_PATH = './src/compiler/utils/globals.js';
 
@@ -16,7 +16,7 @@ const GLOBAL_TS_PATH = './src/compiler/utils/globals.js';
 const SPECIALS = ['global', 'globalThis', 'InternalError', 'process', 'undefined'];
 
 const get_url = (name) =>
-	`https://raw.githubusercontent.com/microsoft/TypeScript/main/lib/lib.${name}.d.ts`;
+	`https://raw.githubusercontent.com/microsoft/TypeScript/main/src/lib/${name}.d.ts`;
 const extract_name = (split) => split.match(/^[a-zA-Z0-9_$]+/)[0];
 
 const extract_functions_and_references = (name, data) => {
diff --git a/packages/svelte/src/.eslintrc.json b/packages/svelte/src/.eslintrc.json
new file mode 100644
index 0000000000..9138b8ea0b
--- /dev/null
+++ b/packages/svelte/src/.eslintrc.json
@@ -0,0 +1,6 @@
+{
+	"plugins": ["lube"],
+	"rules": {
+		"lube/svelte-naming-convention": ["error", { "fixSameNames": true }]
+	}
+}
diff --git a/packages/svelte/src/compiler/compile/Component.js b/packages/svelte/src/compiler/compile/Component.js
index 7598e60967..4071006836 100644
--- a/packages/svelte/src/compiler/compile/Component.js
+++ b/packages/svelte/src/compiler/compile/Component.js
@@ -1555,8 +1555,8 @@ export default class Component {
 			}, [])
 		);
 		if (cycle && cycle.length) {
-			const declarationList = lookup.get(cycle[0]);
-			const declaration = declarationList[0];
+			const declaration_list = lookup.get(cycle[0]);
+			const declaration = declaration_list[0];
 			return this.error(declaration.node, compiler_errors.cyclical_reactive_declaration(cycle));
 		}
 
diff --git a/packages/svelte/src/compiler/compile/create_module.js b/packages/svelte/src/compiler/compile/create_module.js
index 7c9ff37109..30a088c7ec 100644
--- a/packages/svelte/src/compiler/compile/create_module.js
+++ b/packages/svelte/src/compiler/compile/create_module.js
@@ -4,7 +4,7 @@ import { b } from 'code-red';
  * @param {any} program
  * @param {import('estree').Identifier} name
  * @param {string} banner
- * @param {any} sveltePath
+ * @param {any} svelte_path
  * @param {Array<{ name: string; alias: import('estree').Identifier }>} helpers
  * @param {Array<{ name: string; alias: import('estree').Identifier }>} globals
  * @param {import('estree').ImportDeclaration[]} imports
@@ -15,21 +15,21 @@ export default function create_module(
 	program,
 	name,
 	banner,
-	sveltePath = 'svelte',
+	svelte_path = 'svelte',
 	helpers,
 	globals,
 	imports,
 	module_exports,
 	exports_from
 ) {
-	const internal_path = `${sveltePath}/internal`;
+	const internal_path = `${svelte_path}/internal`;
 	helpers.sort((a, b) => (a.name < b.name ? -1 : 1));
 	globals.sort((a, b) => (a.name < b.name ? -1 : 1));
 	return esm(
 		program,
 		name,
 		banner,
-		sveltePath,
+		svelte_path,
 		internal_path,
 		helpers,
 		globals,
@@ -41,11 +41,11 @@ export default function create_module(
 
 /**
  * @param {any} source
- * @param {any} sveltePath
+ * @param {any} svelte_path
  */
-function edit_source(source, sveltePath) {
+function edit_source(source, svelte_path) {
 	return source === 'svelte' || source.startsWith('svelte/')
-		? source.replace('svelte', sveltePath)
+		? source.replace('svelte', svelte_path)
 		: source;
 }
 
@@ -84,7 +84,7 @@ function get_internal_globals(globals, helpers) {
  * @param {any} program
  * @param {import('estree').Identifier} name
  * @param {string} banner
- * @param {string} sveltePath
+ * @param {string} svelte_path
  * @param {string} internal_path
  * @param {Array<{ name: string; alias: import('estree').Identifier }>} helpers
  * @param {Array<{ name: string; alias: import('estree').Identifier }>} globals
@@ -96,7 +96,7 @@ function esm(
 	program,
 	name,
 	banner,
-	sveltePath,
+	svelte_path,
 	internal_path,
 	helpers,
 	globals,
@@ -118,7 +118,7 @@ function esm(
 
 	/** @param {any} node */
 	function rewrite_import(node) {
-		const value = edit_source(node.source.value, sveltePath);
+		const value = edit_source(node.source.value, svelte_path);
 		if (node.source.value !== value) {
 			node.source.value = value;
 			node.source.raw = null;
diff --git a/packages/svelte/src/compiler/compile/nodes/Binding.js b/packages/svelte/src/compiler/compile/nodes/Binding.js
index 89890f17a4..5e1749910e 100644
--- a/packages/svelte/src/compiler/compile/nodes/Binding.js
+++ b/packages/svelte/src/compiler/compile/nodes/Binding.js
@@ -126,6 +126,6 @@ export default class Binding extends Node {
  * @param {import('./shared/Node.js').default} node
  * @returns {node is import('./Element.js').default}
  */
-function isElement(node) {
+function is_element(node) {
 	return !!(/** @type {any} */ (node).is_media_node);
 }
diff --git a/packages/svelte/src/compiler/compile/nodes/EachBlock.js b/packages/svelte/src/compiler/compile/nodes/EachBlock.js
index 3effb263b6..e54f0af139 100644
--- a/packages/svelte/src/compiler/compile/nodes/EachBlock.js
+++ b/packages/svelte/src/compiler/compile/nodes/EachBlock.js
@@ -84,7 +84,9 @@ export default class EachBlock extends AbstractBlock {
 		this.has_animation = false;
 		[this.const_tags, this.children] = get_const_tags(info.children, component, this, this);
 		if (this.has_animation) {
-			this.children = this.children.filter((child) => !isEmptyNode(child) && !isCommentNode(child));
+			this.children = this.children.filter(
+				(child) => !is_empty_node(child) && !is_comment_node(child)
+			);
 			if (this.children.length !== 1) {
 				const child = this.children.find(
 					(child) => !!(/** @type {import('./Element.js').default} */ (child).animation)
@@ -102,11 +104,11 @@ export default class EachBlock extends AbstractBlock {
 }
 
 /** @param {import('./interfaces.js').INode} node */
-function isEmptyNode(node) {
+function is_empty_node(node) {
 	return node.type === 'Text' && node.data.trim() === '';
 }
 
 /** @param {import('./interfaces.js').INode} node */
-function isCommentNode(node) {
+function is_comment_node(node) {
 	return node.type === 'Comment';
 }
diff --git a/packages/svelte/src/compiler/compile/nodes/Element.js b/packages/svelte/src/compiler/compile/nodes/Element.js
index 654c2c48f0..248f831f66 100644
--- a/packages/svelte/src/compiler/compile/nodes/Element.js
+++ b/packages/svelte/src/compiler/compile/nodes/Element.js
@@ -1,5 +1,6 @@
 import { is_html, is_svg, is_void } from '../../../shared/utils/names.js';
 import Node from './shared/Node.js';
+import { walk } from 'estree-walker';
 import Attribute from './Attribute.js';
 import Binding from './Binding.js';
 import EventHandler from './EventHandler.js';
@@ -430,7 +431,7 @@ export default class Element extends Node {
 			}
 			if (this.name === 'textarea') {
 				if (info.children.length > 0) {
-					const value_attribute = info.attributes.find((node) => node.name === 'value');
+					const value_attribute = get_value_attribute(info.attributes);
 					if (value_attribute) {
 						component.error(value_attribute, compiler_errors.textarea_duplicate_value);
 						return;
@@ -449,7 +450,7 @@ export default class Element extends Node {
 				// Special case — treat these the same way:
 				//   <option>{foo}</option>
 				//   <option value={foo}>{foo}</option>
-				const value_attribute = info.attributes.find((attribute) => attribute.name === 'value');
+				const value_attribute = get_value_attribute(info.attributes);
 				if (!value_attribute) {
 					info.attributes.push({
 						type: 'Attribute',
@@ -875,7 +876,7 @@ export default class Element extends Node {
 		) {
 			const interactive_handlers = handlers
 				.map((handler) => handler.name)
-				.filter((handlerName) => a11y_interactive_handlers.has(handlerName));
+				.filter((handler_name) => a11y_interactive_handlers.has(handler_name));
 			if (interactive_handlers.length > 0) {
 				component.warn(
 					this,
@@ -1420,3 +1421,30 @@ function within_custom_element(parent) {
 	}
 	return false;
 }
+
+/**
+ * @param {any[]} attributes
+ */
+function get_value_attribute(attributes) {
+	let node_value;
+	attributes.forEach((node) => {
+		if (node.type !== 'Spread' && node.name.toLowerCase() === 'value') {
+			node_value = node;
+		}
+		if (node.type === 'Spread') {
+			walk(/** @type {any} */ (node.expression), {
+				enter(/** @type {import('estree').Node} */ node) {
+					if (node_value) {
+						this.skip();
+					}
+					if (node.type === 'Identifier') {
+						if (/** @type {import('estree').Identifier} */ (node).name.toLowerCase() === 'value') {
+							node_value = node;
+						}
+					}
+				}
+			});
+		}
+	});
+	return node_value;
+}
diff --git a/packages/svelte/src/compiler/compile/nodes/shared/get_const_tags.js b/packages/svelte/src/compiler/compile/nodes/shared/get_const_tags.js
index 8001420664..b766089359 100644
--- a/packages/svelte/src/compiler/compile/nodes/shared/get_const_tags.js
+++ b/packages/svelte/src/compiler/compile/nodes/shared/get_const_tags.js
@@ -73,8 +73,8 @@ function sort_consts_nodes(consts_nodes, component) {
 		}, [])
 	);
 	if (cycle && cycle.length) {
-		const nodeList = lookup.get(cycle[0]);
-		const node = nodeList[0];
+		const node_list = lookup.get(cycle[0]);
+		const node = node_list[0];
 		component.error(node.node, compiler_errors.cyclical_const_tags(cycle));
 	}
 
diff --git a/packages/svelte/src/compiler/compile/render_dom/invalidate.js b/packages/svelte/src/compiler/compile/render_dom/invalidate.js
index 83423e952b..9d5baa05e5 100644
--- a/packages/svelte/src/compiler/compile/render_dom/invalidate.js
+++ b/packages/svelte/src/compiler/compile/render_dom/invalidate.js
@@ -50,7 +50,7 @@ export function invalidate(renderer, scope, node, names, main_execution_context
 	if (
 		node.type === 'AssignmentExpression' &&
 		node.operator === '=' &&
-		nodes_match(node.left, node.right) &&
+		nodes_match(node.left, node.right, ['trailingComments', 'leadingComments']) &&
 		tail.length === 0
 	) {
 		return get_invalidated(head, node);
diff --git a/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/Attribute.js b/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/Attribute.js
index 8d0199f0cf..ecf7b79722 100644
--- a/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/Attribute.js
+++ b/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/Attribute.js
@@ -103,8 +103,8 @@ export default class AttributeWrapper extends BaseAttributeWrapper {
 				this.parent.has_dynamic_value = true;
 			}
 		}
-		if (this.parent.node.namespace == namespaces.foreign) {
-			// leave attribute case alone for elements in the "foreign" namespace
+		if (this.parent.node.namespace == namespaces.foreign || this.parent.node.name.includes('-')) {
+			// leave attribute case alone for elements in the "foreign" namespace and for custom elements
 			this.name = this.node.name;
 			this.metadata = this.get_metadata();
 			this.is_indirectly_bound_value = false;
diff --git a/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/index.js b/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/index.js
index b8a09b91af..9c54884807 100644
--- a/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/index.js
+++ b/packages/svelte/src/compiler/compile/render_dom/wrappers/Element/index.js
@@ -990,7 +990,8 @@ export default class ElementWrapper extends Wrapper {
 		const static_attributes = [];
 		this.attributes.forEach((attr) => {
 			if (attr instanceof SpreadAttributeWrapper) {
-				static_attributes.push({ type: 'SpreadElement', argument: attr.node.expression.node });
+				const snippet = { type: 'SpreadElement', argument: attr.node.expression.manipulate(block) };
+				static_attributes.push(snippet);
 			} else {
 				const name = attr.property_name || attr.name;
 				static_attributes.push(p`${name}: ${attr.get_value(block)}`);
@@ -1240,11 +1241,7 @@ export default class ElementWrapper extends Wrapper {
 				}
 				if (this.dynamic_style_dependencies.size > 0) {
 					maybe_create_style_changed_var();
-					// If all dependencies are same as the style attribute dependencies, then we can skip the dirty check
-					condition =
-						all_deps.size === this.dynamic_style_dependencies.size
-							? style_changed_var
-							: x`${style_changed_var} || ${condition}`;
+					condition = x`${condition} || ${style_changed_var}`;
 				}
 				block.chunks.update.push(b`
 					if (${condition}) {
diff --git a/packages/svelte/src/compiler/compile/render_dom/wrappers/InlineComponent/index.js b/packages/svelte/src/compiler/compile/render_dom/wrappers/InlineComponent/index.js
index 77fb1ac96b..d5cf8341dc 100644
--- a/packages/svelte/src/compiler/compile/render_dom/wrappers/InlineComponent/index.js
+++ b/packages/svelte/src/compiler/compile/render_dom/wrappers/InlineComponent/index.js
@@ -105,14 +105,19 @@ export default class InlineComponentWrapper extends Wrapper {
 		this.slots.set(name, slot_definition);
 	}
 	warn_if_reactive() {
-		const { name } = this.node;
-		const variable = this.renderer.component.var_lookup.get(name);
+		let { name } = this.node;
+		const top = name.split('.')[0]; // <T.foo/> etc. should check for T instead of "T.foo"
+		const variable = this.renderer.component.var_lookup.get(top);
 		if (!variable) {
 			return;
 		}
 		const ignores = extract_ignores_above_node(this.node);
 		this.renderer.component.push_ignores(ignores);
-		if (variable.reassigned || variable.export_name || variable.is_reactive_dependency) {
+		if (
+			variable.reassigned ||
+			variable.export_name || // or a prop
+			variable.mutated
+		) {
 			this.renderer.component.warn(this.node, compiler_warnings.reactive_component(name));
 		}
 		this.renderer.component.pop_ignores();
diff --git a/packages/svelte/src/compiler/compile/render_dom/wrappers/Window.js b/packages/svelte/src/compiler/compile/render_dom/wrappers/Window.js
index ff59cb23d3..7b0ffa982e 100644
--- a/packages/svelte/src/compiler/compile/render_dom/wrappers/Window.js
+++ b/packages/svelte/src/compiler/compile/render_dom/wrappers/Window.js
@@ -94,14 +94,14 @@ export default class WindowWrapper extends Wrapper {
 					bindings.scrollX && bindings.scrollY
 						? x`"${bindings.scrollX}" in this._state || "${bindings.scrollY}" in this._state`
 						: x`"${bindings.scrollX || bindings.scrollY}" in this._state`;
-				const scrollX = bindings.scrollX && x`this._state.${bindings.scrollX}`;
-				const scrollY = bindings.scrollY && x`this._state.${bindings.scrollY}`;
+				const scroll_x = bindings.scrollX && x`this._state.${bindings.scrollX}`;
+				const scroll_y = bindings.scrollY && x`this._state.${bindings.scrollY}`;
 				renderer.meta_bindings.push(b`
 					if (${condition}) {
-						@_scrollTo(${scrollX || '@_window.pageXOffset'}, ${scrollY || '@_window.pageYOffset'});
+						@_scrollTo(${scroll_x || '@_window.pageXOffset'}, ${scroll_y || '@_window.pageYOffset'});
 					}
-					${scrollX && `${scrollX} = @_window.pageXOffset;`}
-					${scrollY && `${scrollY} = @_window.pageYOffset;`}
+					${scroll_x && `${scroll_x} = @_window.pageXOffset;`}
+					${scroll_y && `${scroll_y} = @_window.pageYOffset;`}
 				`);
 				block.event_listeners.push(x`
 					@listen(@_window, "${event}", () => {
@@ -132,17 +132,17 @@ export default class WindowWrapper extends Wrapper {
 		// special case... might need to abstract this out if we add more special cases
 		if (bindings.scrollX || bindings.scrollY) {
 			const condition = renderer.dirty([bindings.scrollX, bindings.scrollY].filter(Boolean));
-			const scrollX = bindings.scrollX
+			const scroll_x = bindings.scrollX
 				? renderer.reference(bindings.scrollX)
 				: x`@_window.pageXOffset`;
-			const scrollY = bindings.scrollY
+			const scroll_y = bindings.scrollY
 				? renderer.reference(bindings.scrollY)
 				: x`@_window.pageYOffset`;
 			block.chunks.update.push(b`
 				if (${condition} && !${scrolling}) {
 					${scrolling} = true;
 					@_clearTimeout(${scrolling_timeout});
-					@_scrollTo(${scrollX}, ${scrollY});
+					@_scrollTo(${scroll_x}, ${scroll_y});
 					${scrolling_timeout} = @_setTimeout(${clear_scrolling}, 100);
 				}
 			`);
diff --git a/packages/svelte/src/compiler/compile/render_dom/wrappers/shared/is_dynamic.js b/packages/svelte/src/compiler/compile/render_dom/wrappers/shared/is_dynamic.js
index d3391bf547..93a5e0658d 100644
--- a/packages/svelte/src/compiler/compile/render_dom/wrappers/shared/is_dynamic.js
+++ b/packages/svelte/src/compiler/compile/render_dom/wrappers/shared/is_dynamic.js
@@ -3,8 +3,11 @@ import { is_reserved_keyword } from '../../../utils/reserved_keywords.js';
 /** @param {import('../../../../interfaces.js').Var} variable */
 export default function is_dynamic(variable) {
 	if (variable) {
-		if (variable.mutated || variable.reassigned) return true; // dynamic internal state
-		if (!variable.module && variable.writable && variable.export_name) return true; // writable props
+		// Only variables declared in the instance script tags should be considered dynamic
+		const is_declared_in_reactive_context = !variable.module && !variable.global;
+
+		if (is_declared_in_reactive_context && (variable.mutated || variable.reassigned)) return true; // dynamic internal state
+		if (is_declared_in_reactive_context && variable.writable && variable.export_name) return true; // writable props
 		if (is_reserved_keyword(variable.name)) return true;
 	}
 	return false;
diff --git a/packages/svelte/src/compiler/compile/render_ssr/index.js b/packages/svelte/src/compiler/compile/render_ssr/index.js
index be1297dd1b..7a48c7f7e3 100644
--- a/packages/svelte/src/compiler/compile/render_ssr/index.js
+++ b/packages/svelte/src/compiler/compile/render_ssr/index.js
@@ -144,9 +144,13 @@ export default function ssr(component, options) {
 		? b`
 			let $$settled;
 			let $$rendered;
+			let #previous_head = $$result.head;
 
 			do {
 				$$settled = true;
+				// $$result.head is mutated by the literal expression
+				// need to reset it if we're looping back to prevent duplication
+				$$result.head = #previous_head;
 
 				${reactive_declarations}
 
diff --git a/packages/svelte/src/compiler/parse/read/css-tree-cq/css_tree_parse.js b/packages/svelte/src/compiler/parse/read/css-tree-cq/css_tree_parse.js
index bacb4cc334..0e019ca0d2 100644
--- a/packages/svelte/src/compiler/parse/read/css-tree-cq/css_tree_parse.js
+++ b/packages/svelte/src/compiler/parse/read/css-tree-cq/css_tree_parse.js
@@ -8,7 +8,7 @@ import * as node from './node/index.js';
  *
  * The new nodes are located in `./node`.
  */
-const cqSyntax = fork({
+const cq_syntax = fork({
 	atrule: {
 		// extend or override at-rule dictionary
 		container: {
@@ -16,8 +16,8 @@ const cqSyntax = fork({
 				prelude() {
 					return this.createSingleNodeList(this.ContainerQuery());
 				},
-				block(isStyleBlock = false) {
-					return this.Block(isStyleBlock);
+				block(is_style_block = false) {
+					return this.Block(is_style_block);
 				}
 			}
 		}
@@ -25,4 +25,4 @@ const cqSyntax = fork({
 	node
 });
 
-export const parse = cqSyntax.parse;
+export const parse = cq_syntax.parse;
diff --git a/packages/svelte/src/compiler/parse/read/css-tree-cq/node/query_feature_range.js b/packages/svelte/src/compiler/parse/read/css-tree-cq/node/query_feature_range.js
index ee8f14abea..8553693d66 100644
--- a/packages/svelte/src/compiler/parse/read/css-tree-cq/node/query_feature_range.js
+++ b/packages/svelte/src/compiler/parse/read/css-tree-cq/node/query_feature_range.js
@@ -16,7 +16,7 @@ export const structure = {
 	value: ['Identifier', 'Number', 'Comparison', 'Dimension', 'QueryCSSFunction', 'Ratio', null]
 };
 
-function lookup_non_WS_type_and_value(offset, type, referenceStr) {
+function lookup_non_ws_type_and_value(offset, type, reference_str) {
 	let current_type;
 
 	do {
@@ -26,7 +26,7 @@ function lookup_non_WS_type_and_value(offset, type, referenceStr) {
 		}
 	} while (current_type !== 0); // NULL -> 0
 
-	return current_type === type ? this.lookupValue(offset - 1, referenceStr) : false;
+	return current_type === type ? this.lookupValue(offset - 1, reference_str) : false;
 }
 
 export function parse() {
@@ -40,7 +40,7 @@ export function parse() {
 	while (!this.eof && this.tokenType !== RightParenthesis) {
 		switch (this.tokenType) {
 			case Number:
-				if (lookup_non_WS_type_and_value.call(this, 1, Delim, '/')) {
+				if (lookup_non_ws_type_and_value.call(this, 1, Delim, '/')) {
 					child = this.Ratio();
 				} else {
 					child = this.Number();
diff --git a/packages/svelte/src/compiler/utils/globals.js b/packages/svelte/src/compiler/utils/globals.js
index 0d6d0642f9..87c7dfb9c2 100644
--- a/packages/svelte/src/compiler/utils/globals.js
+++ b/packages/svelte/src/compiler/utils/globals.js
@@ -1,6 +1,6 @@
 /** ----------------------------------------------------------------------
 This file is automatically generated by `scripts/globals-extractor.js`.
-Generated At: 2023-05-24T13:16:20.777Z
+Generated At: 2023-08-11T04:11:50.562Z
 ---------------------------------------------------------------------- */
 
 export default new Set([
diff --git a/packages/svelte/src/compiler/utils/mapped_code.js b/packages/svelte/src/compiler/utils/mapped_code.js
index 0987b85ada..22645dd44b 100644
--- a/packages/svelte/src/compiler/utils/mapped_code.js
+++ b/packages/svelte/src/compiler/utils/mapped_code.js
@@ -292,7 +292,18 @@ export function apply_preprocessor_sourcemap(filename, svelte_map, preprocessor_
 		toUrl: {
 			enumerable: false,
 			value: function toUrl() {
-				return 'data:application/json;charset=utf-8;base64,' + btoa(this.toString());
+				let b64 = '';
+				if (typeof window !== 'undefined' && window.btoa) {
+					// btoa doesn't support multi-byte characters
+					b64 = window.btoa(unescape(encodeURIComponent(this.toString())));
+				} else if (typeof Buffer !== 'undefined') {
+					b64 = Buffer.from(this.toString(), 'utf8').toString('base64');
+				} else {
+					throw new Error(
+						'Unsupported environment: `window.btoa` or `Buffer` should be present to use toUrl.'
+					);
+				}
+				return 'data:application/json;charset=utf-8;base64,' + b64;
 			}
 		}
 	});
diff --git a/packages/svelte/src/compiler/utils/nodes_match.js b/packages/svelte/src/compiler/utils/nodes_match.js
index ff841d5f02..cd19f485c5 100644
--- a/packages/svelte/src/compiler/utils/nodes_match.js
+++ b/packages/svelte/src/compiler/utils/nodes_match.js
@@ -1,4 +1,4 @@
-export function nodes_match(a, b) {
+export function nodes_match(a, b, ignoreKeys = []) {
 	if (!!a !== !!b) return false;
 	if (Array.isArray(a) !== Array.isArray(b)) return false;
 
@@ -8,8 +8,12 @@ export function nodes_match(a, b) {
 			return a.every((child, i) => nodes_match(child, b[i]));
 		}
 
-		const a_keys = Object.keys(a).sort();
-		const b_keys = Object.keys(b).sort();
+		const a_keys = Object.keys(a)
+			.sort()
+			.filter((key) => !ignoreKeys.includes(key));
+		const b_keys = Object.keys(b)
+			.sort()
+			.filter((key) => !ignoreKeys.includes(key));
 
 		if (a_keys.length !== b_keys.length) return false;
 
diff --git a/packages/svelte/src/runtime/action/public.d.ts b/packages/svelte/src/runtime/action/public.d.ts
index afd92e116d..d6d41d9816 100644
--- a/packages/svelte/src/runtime/action/public.d.ts
+++ b/packages/svelte/src/runtime/action/public.d.ts
@@ -50,7 +50,7 @@ export interface ActionReturn<
  *   // ...
  * }
  * ```
- * `Action<HTMLDivElement>` and `Action<HTMLDiveElement, undefined>` both signal that the action accepts no parameters.
+ * `Action<HTMLDivElement>` and `Action<HTMLDivElement, undefined>` both signal that the action accepts no parameters.
  *
  * You can return an object with methods `update` and `destroy` from the function and type which additional attributes and events it has.
  * See interface `ActionReturn` for more details.
diff --git a/packages/svelte/src/runtime/internal/Component.js b/packages/svelte/src/runtime/internal/Component.js
index bc5b117c2f..88f048c6ee 100644
--- a/packages/svelte/src/runtime/internal/Component.js
+++ b/packages/svelte/src/runtime/internal/Component.js
@@ -84,7 +84,17 @@ function make_dirty(component, i) {
 	component.$$.dirty[(i / 31) | 0] |= 1 << i % 31;
 }
 
-/** @returns {void} */
+// TODO: Document the other params
+/**
+ * @param {SvelteComponent} component
+ * @param {import('./public.js').ComponentConstructorOptions} options
+ *
+ * @param {import('./utils.js')['not_equal']} not_equal Used to compare props and state values.
+ * @param {(target: Element | ShadowRoot) => void} [append_styles] Function that appends styles to the DOM when the component is first initialised.
+ * This will be the `add_css` function from the compiled component.
+ *
+ * @returns {void}
+ */
 export function init(
 	component,
 	options,
@@ -92,7 +102,7 @@ export function init(
 	create_fragment,
 	not_equal,
 	props,
-	append_styles,
+	append_styles = null,
 	dirty = [-1]
 ) {
 	const parent_component = current_component;
@@ -139,8 +149,9 @@ export function init(
 	if (options.target) {
 		if (options.hydrate) {
 			start_hydrating();
+			// TODO: what is the correct type here?
+			// @ts-expect-error
 			const nodes = children(options.target);
-			// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 			$$.fragment && $$.fragment.l(nodes);
 			nodes.forEach(detach);
 		} else {
@@ -283,7 +294,7 @@ if (typeof HTMLElement === 'function') {
 								'toAttribute'
 							);
 							if (attribute_value == null) {
-								this.removeAttribute(key);
+								this.removeAttribute(this.$$p_d[key].attribute || key);
 							} else {
 								this.setAttribute(this.$$p_d[key].attribute || key, attribute_value);
 							}
diff --git a/packages/svelte/src/runtime/internal/dom.js b/packages/svelte/src/runtime/internal/dom.js
index 18a5d5d278..50e943a130 100644
--- a/packages/svelte/src/runtime/internal/dom.js
+++ b/packages/svelte/src/runtime/internal/dom.js
@@ -1,5 +1,7 @@
-import { ResizeObserverSingleton } from './ResizeObserverSingleton.js';
 import { contenteditable_truthy_values, has_prop } from './utils.js';
+
+import { ResizeObserverSingleton } from './ResizeObserverSingleton.js';
+
 // Track which nodes are claimed during hydration. Unclaimed nodes can then be removed from the DOM
 // at the end of hydration without touching the remaining nodes.
 let is_hydrating = false;
@@ -50,14 +52,14 @@ function init_hydrate(target) {
 	let children = /** @type {ArrayLike<NodeEx2>} */ (target.childNodes);
 	// If target is <head>, there may be children without claim_order
 	if (target.nodeName === 'HEAD') {
-		const myChildren = [];
+		const my_children = [];
 		for (let i = 0; i < children.length; i++) {
 			const node = children[i];
 			if (node.claim_order !== undefined) {
-				myChildren.push(node);
+				my_children.push(node);
 			}
 		}
-		children = myChildren;
+		children = my_children;
 	}
 	/*
 	 * Reorder claimed children optimally.
@@ -87,15 +89,15 @@ function init_hydrate(target) {
 		// Find the largest subsequence length such that it ends in a value less than our current value
 		// upper_bound returns first greater value, so we subtract one
 		// with fast path for when we are on the current longest subsequence
-		const seqLen =
+		const seq_len =
 			(longest > 0 && children[m[longest]].claim_order <= current
 				? longest + 1
 				: upper_bound(1, longest, (idx) => children[m[idx]].claim_order, current)) - 1;
-		p[i] = m[seqLen] + 1;
-		const newLen = seqLen + 1;
+		p[i] = m[seq_len] + 1;
+		const new_len = seq_len + 1;
 		// We can guarantee that current is the smallest value. Otherwise, we would have generated a longer sequence.
-		m[newLen] = i;
-		longest = Math.max(newLen, longest);
+		m[new_len] = i;
+		longest = Math.max(new_len, longest);
 	}
 	// The longest increasing subsequence of nodes (initially reversed)
 
@@ -108,28 +110,28 @@ function init_hydrate(target) {
 	/**
 	 * @type {NodeEx2[]}
 	 */
-	const toMove = [];
+	const to_move = [];
 	let last = children.length - 1;
 	for (let cur = m[longest] + 1; cur != 0; cur = p[cur - 1]) {
 		lis.push(children[cur - 1]);
 		for (; last >= cur; last--) {
-			toMove.push(children[last]);
+			to_move.push(children[last]);
 		}
 		last--;
 	}
 	for (; last >= 0; last--) {
-		toMove.push(children[last]);
+		to_move.push(children[last]);
 	}
 	lis.reverse();
 	// We sort the nodes being moved to guarantee that their insertion order matches the claim order
-	toMove.sort((a, b) => a.claim_order - b.claim_order);
+	to_move.sort((a, b) => a.claim_order - b.claim_order);
 	// Finally, we move the nodes
-	for (let i = 0, j = 0; i < toMove.length; i++) {
-		while (j < lis.length && toMove[i].claim_order >= lis[j].claim_order) {
+	for (let i = 0, j = 0; i < to_move.length; i++) {
+		while (j < lis.length && to_move[i].claim_order >= lis[j].claim_order) {
 			j++;
 		}
 		const anchor = j < lis.length ? lis[j] : null;
-		target.insertBefore(toMove[i], anchor);
+		target.insertBefore(to_move[i], anchor);
 	}
 }
 
@@ -478,7 +480,10 @@ export function set_custom_element_data_map(node, data_map) {
 /**
  * @returns {void} */
 export function set_custom_element_data(node, prop, value) {
-	if (prop in node) {
+	const lower = prop.toLowerCase(); // for backwards compatibility with existing behavior we do lowercase first
+	if (lower in node) {
+		node[lower] = typeof node[lower] === 'boolean' && value === '' ? true : value;
+	} else if (prop in node) {
 		node[prop] = typeof node[prop] === 'boolean' && value === '' ? true : value;
 	} else {
 		attr(node, prop, value);
@@ -624,26 +629,26 @@ function init_claim_info(nodes) {
  * @template {ChildNodeEx} R
  * @param {ChildNodeArray} nodes
  * @param {(node: ChildNodeEx) => node is R} predicate
- * @param {(node: ChildNodeEx) => ChildNodeEx | undefined} processNode
- * @param {() => R} createNode
- * @param {boolean} dontUpdateLastIndex
+ * @param {(node: ChildNodeEx) => ChildNodeEx | undefined} process_node
+ * @param {() => R} create_node
+ * @param {boolean} dont_update_last_index
  * @returns {R}
  */
-function claim_node(nodes, predicate, processNode, createNode, dontUpdateLastIndex = false) {
+function claim_node(nodes, predicate, process_node, create_node, dont_update_last_index = false) {
 	// Try to find nodes in an order such that we lengthen the longest increasing subsequence
 	init_claim_info(nodes);
-	const resultNode = (() => {
+	const result_node = (() => {
 		// We first try to find an element after the previous one
 		for (let i = nodes.claim_info.last_index; i < nodes.length; i++) {
 			const node = nodes[i];
 			if (predicate(node)) {
-				const replacement = processNode(node);
+				const replacement = process_node(node);
 				if (replacement === undefined) {
 					nodes.splice(i, 1);
 				} else {
 					nodes[i] = replacement;
 				}
-				if (!dontUpdateLastIndex) {
+				if (!dont_update_last_index) {
 					nodes.claim_info.last_index = i;
 				}
 				return node;
@@ -654,13 +659,13 @@ function claim_node(nodes, predicate, processNode, createNode, dontUpdateLastInd
 		for (let i = nodes.claim_info.last_index - 1; i >= 0; i--) {
 			const node = nodes[i];
 			if (predicate(node)) {
-				const replacement = processNode(node);
+				const replacement = process_node(node);
 				if (replacement === undefined) {
 					nodes.splice(i, 1);
 				} else {
 					nodes[i] = replacement;
 				}
-				if (!dontUpdateLastIndex) {
+				if (!dont_update_last_index) {
 					nodes.claim_info.last_index = i;
 				} else if (replacement === undefined) {
 					// Since we spliced before the last_index, we decrease it
@@ -670,11 +675,11 @@ function claim_node(nodes, predicate, processNode, createNode, dontUpdateLastInd
 			}
 		}
 		// If we can't find any matching node, we create a new one
-		return createNode();
+		return create_node();
 	})();
-	resultNode.claim_order = nodes.claim_info.total_claimed;
+	result_node.claim_order = nodes.claim_info.total_claimed;
 	nodes.claim_info.total_claimed += 1;
-	return resultNode;
+	return result_node;
 }
 
 /**
@@ -736,13 +741,13 @@ export function claim_text(nodes, data) {
 		(node) => node.nodeType === 3,
 		/** @param {Text} node */
 		(node) => {
-			const dataStr = '' + data;
-			if (node.data.startsWith(dataStr)) {
-				if (node.data.length !== dataStr.length) {
-					return node.splitText(dataStr.length);
+			const data_str = '' + data;
+			if (node.data.startsWith(data_str)) {
+				if (node.data.length !== data_str.length) {
+					return node.splitText(data_str.length);
 				}
 			} else {
-				node.data = dataStr;
+				node.data = data_str;
 			}
 		},
 		() => text(data),
diff --git a/packages/svelte/src/shared/version.js b/packages/svelte/src/shared/version.js
index 755a1cac33..5453af13c1 100644
--- a/packages/svelte/src/shared/version.js
+++ b/packages/svelte/src/shared/version.js
@@ -6,5 +6,5 @@
  * https://svelte.dev/docs/svelte-compiler#svelte-version
  * @type {string}
  */
-export const VERSION = '4.1.2';
+export const VERSION = '4.2.2';
 export const PUBLIC_VERSION = '4';
diff --git a/packages/svelte/svelte-html.d.ts b/packages/svelte/svelte-html.d.ts
new file mode 100644
index 0000000000..3547ad0d33
--- /dev/null
+++ b/packages/svelte/svelte-html.d.ts
@@ -0,0 +1,252 @@
+/// <reference lib="dom" />
+// This file is deliberately not exposed through the exports map.
+// It's meant to be loaded directly by the Svelte language server
+/* eslint-disable @typescript-eslint/no-empty-interface */
+
+import * as svelteElements from './elements.js';
+
+/**
+ * @internal do not use
+ */
+type HTMLProps<Property extends string, Override> = Omit<
+	import('./elements.js').SvelteHTMLElements[Property],
+	keyof Override
+> &
+	Override;
+
+declare global {
+	/**
+	 * This namespace does not exist in the runtime, it is only used for typings
+	 */
+	namespace svelteHTML {
+		// Every namespace eligible for use needs to implement the following two functions
+		/**
+		 * @internal do not use
+		 */
+		function mapElementTag<K extends keyof ElementTagNameMap>(tag: K): ElementTagNameMap[K];
+		function mapElementTag<K extends keyof SVGElementTagNameMap>(tag: K): SVGElementTagNameMap[K];
+		function mapElementTag(tag: any): any; // needs to be any because used in context of <svelte:element>
+
+		/**
+		 * @internal do not use
+		 */
+		function createElement<Elements extends IntrinsicElements, Key extends keyof Elements>(
+			// "undefined | null" because of <svelte:element>
+			element: Key | undefined | null,
+			attrs: string extends Key ? svelteElements.HTMLAttributes<any> : Elements[Key]
+		): Key extends keyof ElementTagNameMap
+			? ElementTagNameMap[Key]
+			: Key extends keyof SVGElementTagNameMap
+			? SVGElementTagNameMap[Key]
+			: any;
+		function createElement<Elements extends IntrinsicElements, Key extends keyof Elements, T>(
+			// "undefined | null" because of <svelte:element>
+			element: Key | undefined | null,
+			attrsEnhancers: T,
+			attrs: (string extends Key ? svelteElements.HTMLAttributes<any> : Elements[Key]) & T
+		): Key extends keyof ElementTagNameMap
+			? ElementTagNameMap[Key]
+			: Key extends keyof SVGElementTagNameMap
+			? SVGElementTagNameMap[Key]
+			: any;
+
+		// For backwards-compatibility and ease-of-use, in case someone enhanced the typings from import('svelte/elements').HTMLAttributes/SVGAttributes
+		// eslint-disable-next-line @typescript-eslint/no-unused-vars
+		interface HTMLAttributes<T extends EventTarget = any> {}
+		// eslint-disable-next-line @typescript-eslint/no-unused-vars
+		interface SVGAttributes<T extends EventTarget = any> {}
+
+		/**
+		 * Avoid using this interface directly. Instead use the `SvelteHTMLElements` interface exported by `svelte/elements`
+		 * This should only be used if you need to extend the interface with custom elements
+		 */
+		interface IntrinsicElements extends svelteElements.SvelteHTMLElements {
+			a: HTMLProps<'a', HTMLAttributes>;
+			abbr: HTMLProps<'abbr', HTMLAttributes>;
+			address: HTMLProps<'address', HTMLAttributes>;
+			area: HTMLProps<'area', HTMLAttributes>;
+			article: HTMLProps<'article', HTMLAttributes>;
+			aside: HTMLProps<'aside', HTMLAttributes>;
+			audio: HTMLProps<'audio', HTMLAttributes>;
+			b: HTMLProps<'b', HTMLAttributes>;
+			base: HTMLProps<'base', HTMLAttributes>;
+			bdi: HTMLProps<'bdi', HTMLAttributes>;
+			bdo: HTMLProps<'bdo', HTMLAttributes>;
+			big: HTMLProps<'big', HTMLAttributes>;
+			blockquote: HTMLProps<'blockquote', HTMLAttributes>;
+			body: HTMLProps<'body', HTMLAttributes>;
+			br: HTMLProps<'br', HTMLAttributes>;
+			button: HTMLProps<'button', HTMLAttributes>;
+			canvas: HTMLProps<'canvas', HTMLAttributes>;
+			caption: HTMLProps<'caption', HTMLAttributes>;
+			cite: HTMLProps<'cite', HTMLAttributes>;
+			code: HTMLProps<'code', HTMLAttributes>;
+			col: HTMLProps<'col', HTMLAttributes>;
+			colgroup: HTMLProps<'colgroup', HTMLAttributes>;
+			data: HTMLProps<'data', HTMLAttributes>;
+			datalist: HTMLProps<'datalist', HTMLAttributes>;
+			dd: HTMLProps<'dd', HTMLAttributes>;
+			del: HTMLProps<'del', HTMLAttributes>;
+			details: HTMLProps<'details', HTMLAttributes>;
+			dfn: HTMLProps<'dfn', HTMLAttributes>;
+			dialog: HTMLProps<'dialog', HTMLAttributes>;
+			div: HTMLProps<'div', HTMLAttributes>;
+			dl: HTMLProps<'dl', HTMLAttributes>;
+			dt: HTMLProps<'dt', HTMLAttributes>;
+			em: HTMLProps<'em', HTMLAttributes>;
+			embed: HTMLProps<'embed', HTMLAttributes>;
+			fieldset: HTMLProps<'fieldset', HTMLAttributes>;
+			figcaption: HTMLProps<'figcaption', HTMLAttributes>;
+			figure: HTMLProps<'figure', HTMLAttributes>;
+			footer: HTMLProps<'footer', HTMLAttributes>;
+			form: HTMLProps<'form', HTMLAttributes>;
+			h1: HTMLProps<'h1', HTMLAttributes>;
+			h2: HTMLProps<'h2', HTMLAttributes>;
+			h3: HTMLProps<'h3', HTMLAttributes>;
+			h4: HTMLProps<'h4', HTMLAttributes>;
+			h5: HTMLProps<'h5', HTMLAttributes>;
+			h6: HTMLProps<'h6', HTMLAttributes>;
+			head: HTMLProps<'head', HTMLAttributes>;
+			header: HTMLProps<'header', HTMLAttributes>;
+			hgroup: HTMLProps<'hgroup', HTMLAttributes>;
+			hr: HTMLProps<'hr', HTMLAttributes>;
+			html: HTMLProps<'html', HTMLAttributes>;
+			i: HTMLProps<'i', HTMLAttributes>;
+			iframe: HTMLProps<'iframe', HTMLAttributes>;
+			img: HTMLProps<'img', HTMLAttributes>;
+			input: HTMLProps<'input', HTMLAttributes>;
+			ins: HTMLProps<'ins', HTMLAttributes>;
+			kbd: HTMLProps<'kbd', HTMLAttributes>;
+			keygen: HTMLProps<'keygen', HTMLAttributes>;
+			label: HTMLProps<'label', HTMLAttributes>;
+			legend: HTMLProps<'legend', HTMLAttributes>;
+			li: HTMLProps<'li', HTMLAttributes>;
+			link: HTMLProps<'link', HTMLAttributes>;
+			main: HTMLProps<'main', HTMLAttributes>;
+			map: HTMLProps<'map', HTMLAttributes>;
+			mark: HTMLProps<'mark', HTMLAttributes>;
+			menu: HTMLProps<'menu', HTMLAttributes>;
+			menuitem: HTMLProps<'menuitem', HTMLAttributes>;
+			meta: HTMLProps<'meta', HTMLAttributes>;
+			meter: HTMLProps<'meter', HTMLAttributes>;
+			nav: HTMLProps<'nav', HTMLAttributes>;
+			noscript: HTMLProps<'noscript', HTMLAttributes>;
+			object: HTMLProps<'object', HTMLAttributes>;
+			ol: HTMLProps<'ol', HTMLAttributes>;
+			optgroup: HTMLProps<'optgroup', HTMLAttributes>;
+			option: HTMLProps<'option', HTMLAttributes>;
+			output: HTMLProps<'output', HTMLAttributes>;
+			p: HTMLProps<'p', HTMLAttributes>;
+			param: HTMLProps<'param', HTMLAttributes>;
+			picture: HTMLProps<'picture', HTMLAttributes>;
+			pre: HTMLProps<'pre', HTMLAttributes>;
+			progress: HTMLProps<'progress', HTMLAttributes>;
+			q: HTMLProps<'q', HTMLAttributes>;
+			rp: HTMLProps<'rp', HTMLAttributes>;
+			rt: HTMLProps<'rt', HTMLAttributes>;
+			ruby: HTMLProps<'ruby', HTMLAttributes>;
+			s: HTMLProps<'s', HTMLAttributes>;
+			samp: HTMLProps<'samp', HTMLAttributes>;
+			slot: HTMLProps<'slot', HTMLAttributes>;
+			script: HTMLProps<'script', HTMLAttributes>;
+			section: HTMLProps<'section', HTMLAttributes>;
+			select: HTMLProps<'select', HTMLAttributes>;
+			small: HTMLProps<'small', HTMLAttributes>;
+			source: HTMLProps<'source', HTMLAttributes>;
+			span: HTMLProps<'span', HTMLAttributes>;
+			strong: HTMLProps<'strong', HTMLAttributes>;
+			style: HTMLProps<'style', HTMLAttributes>;
+			sub: HTMLProps<'sub', HTMLAttributes>;
+			summary: HTMLProps<'summary', HTMLAttributes>;
+			sup: HTMLProps<'sup', HTMLAttributes>;
+			table: HTMLProps<'table', HTMLAttributes>;
+			template: HTMLProps<'template', HTMLAttributes>;
+			tbody: HTMLProps<'tbody', HTMLAttributes>;
+			td: HTMLProps<'td', HTMLAttributes>;
+			textarea: HTMLProps<'textarea', HTMLAttributes>;
+			tfoot: HTMLProps<'tfoot', HTMLAttributes>;
+			th: HTMLProps<'th', HTMLAttributes>;
+			thead: HTMLProps<'thead', HTMLAttributes>;
+			time: HTMLProps<'time', HTMLAttributes>;
+			title: HTMLProps<'title', HTMLAttributes>;
+			tr: HTMLProps<'tr', HTMLAttributes>;
+			track: HTMLProps<'track', HTMLAttributes>;
+			u: HTMLProps<'u', HTMLAttributes>;
+			ul: HTMLProps<'ul', HTMLAttributes>;
+			var: HTMLProps<'var', HTMLAttributes>;
+			video: HTMLProps<'video', HTMLAttributes>;
+			wbr: HTMLProps<'wbr', HTMLAttributes>;
+			webview: HTMLProps<'webview', HTMLAttributes>;
+			// SVG
+			svg: HTMLProps<'svg', SVGAttributes>;
+
+			animate: HTMLProps<'animate', SVGAttributes>;
+			animateMotion: HTMLProps<'animateMotion', SVGAttributes>;
+			animateTransform: HTMLProps<'animateTransform', SVGAttributes>;
+			circle: HTMLProps<'circle', SVGAttributes>;
+			clipPath: HTMLProps<'clipPath', SVGAttributes>;
+			defs: HTMLProps<'defs', SVGAttributes>;
+			desc: HTMLProps<'desc', SVGAttributes>;
+			ellipse: HTMLProps<'ellipse', SVGAttributes>;
+			feBlend: HTMLProps<'feBlend', SVGAttributes>;
+			feColorMatrix: HTMLProps<'feColorMatrix', SVGAttributes>;
+			feComponentTransfer: HTMLProps<'feComponentTransfer', SVGAttributes>;
+			feComposite: HTMLProps<'feComposite', SVGAttributes>;
+			feConvolveMatrix: HTMLProps<'feConvolveMatrix', SVGAttributes>;
+			feDiffuseLighting: HTMLProps<'feDiffuseLighting', SVGAttributes>;
+			feDisplacementMap: HTMLProps<'feDisplacementMap', SVGAttributes>;
+			feDistantLight: HTMLProps<'feDistantLight', SVGAttributes>;
+			feDropShadow: HTMLProps<'feDropShadow', SVGAttributes>;
+			feFlood: HTMLProps<'feFlood', SVGAttributes>;
+			feFuncA: HTMLProps<'feFuncA', SVGAttributes>;
+			feFuncB: HTMLProps<'feFuncB', SVGAttributes>;
+			feFuncG: HTMLProps<'feFuncG', SVGAttributes>;
+			feFuncR: HTMLProps<'feFuncR', SVGAttributes>;
+			feGaussianBlur: HTMLProps<'feGaussianBlur', SVGAttributes>;
+			feImage: HTMLProps<'feImage', SVGAttributes>;
+			feMerge: HTMLProps<'feMerge', SVGAttributes>;
+			feMergeNode: HTMLProps<'feMergeNode', SVGAttributes>;
+			feMorphology: HTMLProps<'feMorphology', SVGAttributes>;
+			feOffset: HTMLProps<'feOffset', SVGAttributes>;
+			fePointLight: HTMLProps<'fePointLight', SVGAttributes>;
+			feSpecularLighting: HTMLProps<'feSpecularLighting', SVGAttributes>;
+			feSpotLight: HTMLProps<'feSpotLight', SVGAttributes>;
+			feTile: HTMLProps<'feTile', SVGAttributes>;
+			feTurbulence: HTMLProps<'feTurbulence', SVGAttributes>;
+			filter: HTMLProps<'filter', SVGAttributes>;
+			foreignObject: HTMLProps<'foreignObject', SVGAttributes>;
+			g: HTMLProps<'g', SVGAttributes>;
+			image: HTMLProps<'image', SVGAttributes>;
+			line: HTMLProps<'line', SVGAttributes>;
+			linearGradient: HTMLProps<'linearGradient', SVGAttributes>;
+			marker: HTMLProps<'marker', SVGAttributes>;
+			mask: HTMLProps<'mask', SVGAttributes>;
+			metadata: HTMLProps<'metadata', SVGAttributes>;
+			mpath: HTMLProps<'mpath', SVGAttributes>;
+			path: HTMLProps<'path', SVGAttributes>;
+			pattern: HTMLProps<'pattern', SVGAttributes>;
+			polygon: HTMLProps<'polygon', SVGAttributes>;
+			polyline: HTMLProps<'polyline', SVGAttributes>;
+			radialGradient: HTMLProps<'radialGradient', SVGAttributes>;
+			rect: HTMLProps<'rect', SVGAttributes>;
+			stop: HTMLProps<'stop', SVGAttributes>;
+			switch: HTMLProps<'switch', SVGAttributes>;
+			symbol: HTMLProps<'symbol', SVGAttributes>;
+			text: HTMLProps<'text', SVGAttributes>;
+			textPath: HTMLProps<'textPath', SVGAttributes>;
+			tspan: HTMLProps<'tspan', SVGAttributes>;
+			use: HTMLProps<'use', SVGAttributes>;
+			view: HTMLProps<'view', SVGAttributes>;
+
+			// Svelte specific
+			'svelte:window': HTMLProps<'svelte:window', HTMLAttributes>;
+			'svelte:body': HTMLProps<'svelte:body', HTMLAttributes>;
+			'svelte:document': HTMLProps<'svelte:document', HTMLAttributes>;
+			'svelte:fragment': { slot?: string };
+			'svelte:options': HTMLProps<'svelte:options', HTMLAttributes>;
+			'svelte:head': { [name: string]: any };
+
+			[name: string]: { [name: string]: any };
+		}
+	}
+}
diff --git a/packages/svelte/test/.eslintrc.json b/packages/svelte/test/.eslintrc.json
index 89ee14da16..6075b89ae6 100644
--- a/packages/svelte/test/.eslintrc.json
+++ b/packages/svelte/test/.eslintrc.json
@@ -1,6 +1,8 @@
 {
+	"plugins": ["lube"],
 	"rules": {
 		"no-console": "off",
-		"@typescript-eslint/no-var-requires": "off"
+		"@typescript-eslint/no-var-requires": "off",
+		"lube/svelte-naming-convention": ["error", { "fixSameNames": true }]
 	}
 }
diff --git a/packages/svelte/test/compiler-errors/compiler-errors.test.js b/packages/svelte/test/compiler-errors/compiler-errors.test.js
index 065e9cc01d..e97e556087 100644
--- a/packages/svelte/test/compiler-errors/compiler-errors.test.js
+++ b/packages/svelte/test/compiler-errors/compiler-errors.test.js
@@ -20,14 +20,14 @@ describe('compiler-errors', () => {
 		it_fn(dir, () => {
 			const cwd = path.resolve(`${__dirname}/samples/${dir}`);
 
-			const compileOptions = Object.assign({}, config.compileOptions || {}, {
+			const compile_options = Object.assign({}, config.compileOptions || {}, {
 				immutable: config.immutable,
 				accessors: 'accessors' in config ? config.accessors : true,
 				generate: 'dom'
 			});
 
 			try {
-				compile(fs.readFileSync(`${cwd}/main.svelte`, 'utf-8'), compileOptions);
+				compile(fs.readFileSync(`${cwd}/main.svelte`, 'utf-8'), compile_options);
 			} catch (error) {
 				if (typeof config.error === 'function') {
 					config.error(assert, error);
diff --git a/packages/svelte/test/css/samples/custom-css-hash/_config.js b/packages/svelte/test/css/samples/custom-css-hash/_config.js
index e6a60f059d..3d55fa1b3c 100644
--- a/packages/svelte/test/css/samples/custom-css-hash/_config.js
+++ b/packages/svelte/test/css/samples/custom-css-hash/_config.js
@@ -2,11 +2,11 @@ export default {
 	compileOptions: {
 		filename: 'src/components/FooSwitcher.svelte',
 		cssHash({ hash, css, name, filename }) {
-			const minFilename = filename
+			const min_filename = filename
 				.split('/')
 				.map((i) => i.charAt(0).toLowerCase())
 				.join('');
-			return `sv-${name}-${minFilename}-${hash(css)}`;
+			return `sv-${name}-${min_filename}-${hash(css)}`;
 		}
 	}
 };
diff --git a/packages/svelte/test/helpers.js b/packages/svelte/test/helpers.js
index b5ee539be8..c306cae8ba 100644
--- a/packages/svelte/test/helpers.js
+++ b/packages/svelte/test/helpers.js
@@ -1,10 +1,11 @@
 import * as fs from 'node:fs';
 import * as path from 'node:path';
-import glob from 'tiny-glob/sync';
-import colors from 'kleur';
+
 import { assert } from 'vitest';
+import colors from 'kleur';
 import { compile } from 'svelte/compiler';
 import { fileURLToPath } from 'node:url';
+import glob from 'tiny-glob/sync';
 
 export function try_load_json(file) {
 	try {
@@ -158,8 +159,8 @@ export function create_loader(compileOptions, cwd) {
 				)
 				.replace(
 					/^import (\w+, )?{([^}]+)} from ['"](.+)['"];?/gm,
-					(_, default_, names, source) => {
-						const d = default_ ? `default: ${default_}` : '';
+					(_, _default, names, source) => {
+						const d = _default ? `default: ${_default}` : '';
 						return `const { ${d} ${names.replaceAll(
 							' as ',
 							': '
diff --git a/packages/svelte/test/hydration/hydration.test.js b/packages/svelte/test/hydration/hydration.test.js
index 48e9f3b751..fc12802e82 100644
--- a/packages/svelte/test/hydration/hydration.test.js
+++ b/packages/svelte/test/hydration/hydration.test.js
@@ -18,12 +18,12 @@ describe('hydration', async () => {
 		it_fn(dir, async () => {
 			const cwd = path.resolve(`${__dirname}/samples/${dir}`);
 
-			const compileOptions = Object.assign({}, config.compileOptions, {
+			const compile_options = Object.assign({}, config.compileOptions, {
 				accessors: 'accessors' in config ? config.accessors : true,
 				hydratable: true
 			});
 
-			const { default: SvelteComponent } = await create_loader(compileOptions, cwd)('main.svelte');
+			const { default: SvelteComponent } = await create_loader(compile_options, cwd)('main.svelte');
 
 			const target = window.document.body;
 			const head = window.document.head;
diff --git a/packages/svelte/test/hydration/samples/dynamic-text-nil/_config.js b/packages/svelte/test/hydration/samples/dynamic-text-nil/_config.js
index 35583f7fca..13196cbbe9 100644
--- a/packages/svelte/test/hydration/samples/dynamic-text-nil/_config.js
+++ b/packages/svelte/test/hydration/samples/dynamic-text-nil/_config.js
@@ -2,12 +2,12 @@ export default {
 	props: {},
 
 	snapshot(target) {
-		const nullText = target.querySelectorAll('p')[0].textContent;
-		const undefinedText = target.querySelectorAll('p')[1].textContent;
+		const null_text = target.querySelectorAll('p')[0].textContent;
+		const undefined_text = target.querySelectorAll('p')[1].textContent;
 
 		return {
-			nullText,
-			undefinedText
+			nullText: null_text,
+			undefinedText: undefined_text
 		};
 	}
 };
diff --git a/packages/svelte/test/js/samples/reactive-class-optimized/expected.js b/packages/svelte/test/js/samples/reactive-class-optimized/expected.js
index 65445b62a4..7ecb248cd8 100644
--- a/packages/svelte/test/js/samples/reactive-class-optimized/expected.js
+++ b/packages/svelte/test/js/samples/reactive-class-optimized/expected.js
@@ -53,11 +53,11 @@ function create_fragment(ctx) {
 			div7 = element("div");
 			t7 = space();
 			div8 = element("div");
-			toggle_class(div0, "update1", reactiveModuleVar);
-			toggle_class(div1, "update2", /*reactiveConst*/ ctx[0].x);
-			toggle_class(div2, "update3", nonReactiveGlobal && /*reactiveConst*/ ctx[0].x);
-			toggle_class(div3, "update4", /*$reactiveStoreVal*/ ctx[2]);
-			toggle_class(div4, "update5", /*$reactiveDeclaration*/ ctx[3]);
+			toggle_class(div0, "update2", /*reactiveConst*/ ctx[0].x);
+			toggle_class(div1, "update3", nonReactiveGlobal && /*reactiveConst*/ ctx[0].x);
+			toggle_class(div2, "update4", /*$reactiveStoreVal*/ ctx[2]);
+			toggle_class(div3, "update5", /*$reactiveDeclaration*/ ctx[3]);
+			toggle_class(div4, "update1", reassignedModuleVar);
 			toggle_class(div5, "static1", nonReactiveModuleVar);
 			toggle_class(div6, "static2", nonReactiveGlobal);
 			toggle_class(div7, "static3", nonReactiveModuleVar && nonReactiveGlobal);
@@ -83,24 +83,20 @@ function create_fragment(ctx) {
 			insert(target, div8, anchor);
 		},
 		p(ctx, [dirty]) {
-			if (dirty & /*reactiveModuleVar*/ 0) {
-				toggle_class(div0, "update1", reactiveModuleVar);
-			}
-
 			if (dirty & /*reactiveConst*/ 1) {
-				toggle_class(div1, "update2", /*reactiveConst*/ ctx[0].x);
+				toggle_class(div0, "update2", /*reactiveConst*/ ctx[0].x);
 			}
 
 			if (dirty & /*nonReactiveGlobal, reactiveConst*/ 1) {
-				toggle_class(div2, "update3", nonReactiveGlobal && /*reactiveConst*/ ctx[0].x);
+				toggle_class(div1, "update3", nonReactiveGlobal && /*reactiveConst*/ ctx[0].x);
 			}
 
 			if (dirty & /*$reactiveStoreVal*/ 4) {
-				toggle_class(div3, "update4", /*$reactiveStoreVal*/ ctx[2]);
+				toggle_class(div2, "update4", /*$reactiveStoreVal*/ ctx[2]);
 			}
 
 			if (dirty & /*$reactiveDeclaration*/ 8) {
-				toggle_class(div4, "update5", /*$reactiveDeclaration*/ ctx[3]);
+				toggle_class(div3, "update5", /*$reactiveDeclaration*/ ctx[3]);
 			}
 		},
 		i: noop,
@@ -130,7 +126,7 @@ function create_fragment(ctx) {
 }
 
 let nonReactiveModuleVar = Math.random();
-let reactiveModuleVar = Math.random();
+let reassignedModuleVar = Math.random();
 
 function instance($$self, $$props, $$invalidate) {
 	let reactiveDeclaration;
@@ -144,13 +140,13 @@ function instance($$self, $$props, $$invalidate) {
 	$$self.$$.on_destroy.push(() => $$unsubscribe_reactiveDeclaration());
 	nonReactiveGlobal = Math.random();
 	const reactiveConst = { x: Math.random() };
-	reactiveModuleVar += 1;
+	reassignedModuleVar += 1;
 
 	if (Math.random()) {
 		reactiveConst.x += 1;
 	}
 
-	$: $$subscribe_reactiveDeclaration($$invalidate(1, reactiveDeclaration = reactiveModuleVar * 2));
+	$: $$subscribe_reactiveDeclaration($$invalidate(1, reactiveDeclaration = reassignedModuleVar * 2));
 	return [reactiveConst, reactiveDeclaration, $reactiveStoreVal, $reactiveDeclaration];
 }
 
diff --git a/packages/svelte/test/js/samples/reactive-class-optimized/input.svelte b/packages/svelte/test/js/samples/reactive-class-optimized/input.svelte
index f10fd11290..0785a7348e 100644
--- a/packages/svelte/test/js/samples/reactive-class-optimized/input.svelte
+++ b/packages/svelte/test/js/samples/reactive-class-optimized/input.svelte
@@ -1,6 +1,6 @@
 <script context="module">
 	let nonReactiveModuleVar = Math.random();
-	let reactiveModuleVar = Math.random();
+	let reassignedModuleVar = Math.random();
 </script>
 
 <script>
@@ -9,22 +9,22 @@
 	nonReactiveGlobal = Math.random();
 	const reactiveConst = {x: Math.random()};
 
-	$: reactiveDeclaration = reactiveModuleVar * 2;
+	$: reactiveDeclaration = reassignedModuleVar * 2;
 
-	reactiveModuleVar += 1;
+	reassignedModuleVar += 1;
 	if (Math.random()) {
 		reactiveConst.x += 1;
 	}
 </script>
 
 <!--These should all get updaters because they have at least one reactive dependency-->
-<div class:update1={reactiveModuleVar}></div>
 <div class:update2={reactiveConst.x}></div>
 <div class:update3={nonReactiveGlobal && reactiveConst.x}></div>
 <div class:update4={$reactiveStoreVal}></div>
 <div class:update5={$reactiveDeclaration}></div>
 
 <!--These shouldn't get updates because they're purely non-reactive-->
+<div class:update1={reassignedModuleVar}></div>
 <div class:static1={nonReactiveModuleVar}></div>
 <div class:static2={nonReactiveGlobal}></div>
 <div class:static3={nonReactiveModuleVar && nonReactiveGlobal}></div>
diff --git a/packages/svelte/test/js/samples/svelte-element/expected.js b/packages/svelte/test/js/samples/svelte-element/expected.js
index d54451e1b5..8744ade5b1 100644
--- a/packages/svelte/test/js/samples/svelte-element/expected.js
+++ b/packages/svelte/test/js/samples/svelte-element/expected.js
@@ -21,7 +21,7 @@ function create_dynamic_element_3(ctx) {
 	return {
 		c() {
 			svelte_element = element(static_value);
-			set_dynamic_element_data(static_value)(svelte_element, { static_value, ...static_obj });
+			set_dynamic_element_data(static_value)(svelte_element, { static_value, .../*static_obj*/ ctx[2] });
 			toggle_class(svelte_element, "foo", static_value);
 		},
 		m(target, anchor) {
@@ -43,7 +43,7 @@ function create_dynamic_element_2(ctx) {
 	return {
 		c() {
 			svelte_element = element(/*dynamic_value*/ ctx[0]);
-			set_dynamic_element_data(/*dynamic_value*/ ctx[0])(svelte_element, { static_value, ...static_obj });
+			set_dynamic_element_data(/*dynamic_value*/ ctx[0])(svelte_element, { static_value, .../*static_obj*/ ctx[2] });
 			toggle_class(svelte_element, "foo", static_value);
 		},
 		m(target, anchor) {
diff --git a/packages/svelte/test/parser/parser.test.js b/packages/svelte/test/parser/parser.test.js
index 67a621582a..7826e00251 100644
--- a/packages/svelte/test/parser/parser.test.js
+++ b/packages/svelte/test/parser/parser.test.js
@@ -26,8 +26,8 @@ describe('parse', () => {
 				.trimEnd()
 				.replace(/\r/g, '');
 
-			const expectedOutput = try_load_json(`${__dirname}/samples/${dir}/output.json`);
-			const expectedError = try_load_json(`${__dirname}/samples/${dir}/error.json`);
+			const expected_output = try_load_json(`${__dirname}/samples/${dir}/output.json`);
+			const expected_error = try_load_json(`${__dirname}/samples/${dir}/error.json`);
 
 			try {
 				const { ast } = svelte.compile(
@@ -42,16 +42,16 @@ describe('parse', () => {
 					JSON.stringify(ast, null, '\t')
 				);
 
-				assert.deepEqual(ast.html, expectedOutput.html);
-				assert.deepEqual(ast.css, expectedOutput.css);
-				assert.deepEqual(ast.instance, expectedOutput.instance);
-				assert.deepEqual(ast.module, expectedOutput.module);
+				assert.deepEqual(ast.html, expected_output.html);
+				assert.deepEqual(ast.css, expected_output.css);
+				assert.deepEqual(ast.instance, expected_output.instance);
+				assert.deepEqual(ast.module, expected_output.module);
 			} catch (err) {
 				if (err.name !== 'ParseError') throw err;
-				if (!expectedError) throw err;
+				if (!expected_error) throw err;
 				const { code, message, pos, start } = err;
 
-				assert.deepEqual({ code, message, pos, start }, expectedError);
+				assert.deepEqual({ code, message, pos, start }, expected_error);
 			}
 		});
 	});
diff --git a/packages/svelte/test/runtime-browser/assert.js b/packages/svelte/test/runtime-browser/assert.js
index 55058d2057..3b7863b519 100644
--- a/packages/svelte/test/runtime-browser/assert.js
+++ b/packages/svelte/test/runtime-browser/assert.js
@@ -33,10 +33,10 @@ export function ok(condition, message) {
 }
 
 export function htmlEqual(actual, expected, message) {
-	return deepEqual(normalizeHtml(window, actual), normalizeHtml(window, expected), message);
+	return deepEqual(normalize_html(window, actual), normalize_html(window, expected), message);
 }
 
-function normalizeHtml(window, html) {
+function normalize_html(window, html) {
 	try {
 		const node = window.document.createElement('div');
 		node.innerHTML = html
@@ -44,7 +44,7 @@ function normalizeHtml(window, html) {
 			.replace(/>[\s\r\n]+</g, '><')
 			.trim();
 
-		normalizeStyles(node);
+		normalize_styles(node);
 
 		return node.innerHTML.replace(/<\/?noscript\/?>/g, '');
 	} catch (err) {
@@ -52,14 +52,14 @@ function normalizeHtml(window, html) {
 	}
 }
 
-function normalizeStyles(node) {
+function normalize_styles(node) {
 	if (node.nodeType === 1) {
 		if (node.hasAttribute('style')) {
 			node.style = node.style.cssText;
 		}
 
 		for (const child of node.childNodes) {
-			normalizeStyles(child);
+			normalize_styles(child);
 		}
 	}
 }
diff --git a/packages/svelte/test/runtime-browser/browser.test.js b/packages/svelte/test/runtime-browser/browser.test.js
index 00ecaa6522..01f2cdb9b1 100644
--- a/packages/svelte/test/runtime-browser/browser.test.js
+++ b/packages/svelte/test/runtime-browser/browser.test.js
@@ -93,7 +93,7 @@ async function run_browser_test(dir) {
 			globalName: 'test'
 		});
 
-		function assertWarnings() {
+		function assert_warnings() {
 			if (config.warnings) {
 				assert.deepStrictEqual(
 					warnings.map((w) => ({
@@ -112,7 +112,7 @@ async function run_browser_test(dir) {
 			}
 		}
 
-		assertWarnings();
+		assert_warnings();
 
 		try {
 			const page = await browser.newPage();
@@ -191,7 +191,7 @@ async function run_custom_elements_test(dir) {
 			globalName: 'test'
 		});
 
-		function assertWarnings() {
+		function assert_warnings() {
 			if (expected_warnings) {
 				assert.deepStrictEqual(
 					warnings.map((w) => ({
@@ -205,7 +205,7 @@ async function run_custom_elements_test(dir) {
 				);
 			}
 		}
-		assertWarnings();
+		assert_warnings();
 
 		const page = await browser.newPage();
 		page.on('console', (type) => {
diff --git a/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/main.svelte b/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/main.svelte
new file mode 100644
index 0000000000..c5c80c16a3
--- /dev/null
+++ b/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/main.svelte
@@ -0,0 +1,23 @@
+<svelte:options
+	customElement={{
+		tag: 'custom-element',
+		props: {
+			expanded: { reflect: true, type: 'Boolean', attribute: 'aria-expanded' }
+		}
+	}}
+/>
+
+<script>
+	export let expanded = false;
+</script>
+
+<div>
+	<button on:click={() => (expanded = !expanded)}>Toggle</button>
+	<div class:hidden={!expanded}>Hidden Text</div>
+</div>
+
+<style>
+	.hidden {
+		display: none;
+	}
+</style>
diff --git a/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/test.js b/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/test.js
new file mode 100644
index 0000000000..d973039983
--- /dev/null
+++ b/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/test.js
@@ -0,0 +1,19 @@
+import * as assert from 'assert.js';
+import { tick } from 'svelte';
+import './main.svelte';
+
+export default async function (target) {
+	const element = document.createElement('custom-element');
+	target.appendChild(element);
+	await tick();
+
+	const el = target.querySelector('custom-element');
+	el.shadowRoot.querySelector('button').click();
+	await tick();
+
+	assert.equal(el.getAttribute('aria-expanded'), '');
+	el.shadowRoot.querySelector('button').click();
+	await tick();
+
+	assert.equal(el.getAttribute('aria-expanded'), null);
+}
diff --git a/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes/test.js b/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes/test.js
index c66f9f3b97..e869e7bff9 100644
--- a/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes/test.js
+++ b/packages/svelte/test/runtime-browser/custom-elements-samples/reflect-attributes/test.js
@@ -6,25 +6,25 @@ export default async function (target) {
 	target.innerHTML = '<custom-element red white></custom-element>';
 	await tick();
 	await tick();
-	const ceRoot = target.querySelector('custom-element').shadowRoot;
-	const div = ceRoot.querySelector('div');
-	const p = ceRoot.querySelector('p');
-	const button = ceRoot.querySelector('button');
+	const ce_root = target.querySelector('custom-element').shadowRoot;
+	const div = ce_root.querySelector('div');
+	const p = ce_root.querySelector('p');
+	const button = ce_root.querySelector('button');
 
 	assert.equal(getComputedStyle(div).color, 'rgb(255, 0, 0)');
 	assert.equal(getComputedStyle(p).color, 'rgb(255, 255, 255)');
 
-	const innerRoot = ceRoot.querySelector('my-widget').shadowRoot;
-	const innerDiv = innerRoot.querySelector('div');
-	const innerP = innerRoot.querySelector('p');
+	const inner_root = ce_root.querySelector('my-widget').shadowRoot;
+	const inner_div = inner_root.querySelector('div');
+	const inner_p = inner_root.querySelector('p');
 
-	assert.equal(getComputedStyle(innerDiv).color, 'rgb(255, 0, 0)');
-	assert.equal(getComputedStyle(innerP).color, 'rgb(255, 255, 255)');
+	assert.equal(getComputedStyle(inner_div).color, 'rgb(255, 0, 0)');
+	assert.equal(getComputedStyle(inner_p).color, 'rgb(255, 255, 255)');
 
 	button.click();
 	await tick();
 	await tick();
 
 	assert.equal(getComputedStyle(div).color, 'rgb(0, 0, 0)');
-	assert.equal(getComputedStyle(innerDiv).color, 'rgb(0, 0, 0)');
+	assert.equal(getComputedStyle(inner_div).color, 'rgb(0, 0, 0)');
 }
diff --git a/packages/svelte/test/runtime-browser/driver.js b/packages/svelte/test/runtime-browser/driver.js
index 286ddbe62d..349181a2dc 100644
--- a/packages/svelte/test/runtime-browser/driver.js
+++ b/packages/svelte/test/runtime-browser/driver.js
@@ -30,7 +30,7 @@ export default async function (target) {
 
 		const component = new SvelteComponent(options);
 
-		const waitUntil = async (fn, ms = 500) => {
+		const wait_until = async (fn, ms = 500) => {
 			const start = new Date().getTime();
 			do {
 				if (fn()) return;
@@ -48,7 +48,7 @@ export default async function (target) {
 				component,
 				target,
 				window,
-				waitUntil
+				waitUntil: wait_until
 			});
 
 			component.$destroy();
diff --git a/packages/svelte/test/runtime-browser/samples/component-css-custom-properties-dynamic-svg/_config.js b/packages/svelte/test/runtime-browser/samples/component-css-custom-properties-dynamic-svg/_config.js
index a17e6e939d..4b2c5b8c34 100644
--- a/packages/svelte/test/runtime-browser/samples/component-css-custom-properties-dynamic-svg/_config.js
+++ b/packages/svelte/test/runtime-browser/samples/component-css-custom-properties-dynamic-svg/_config.js
@@ -45,14 +45,14 @@ export default {
 		`
 		);
 
-		const circleColor1 = target.querySelector('#svg-1 circle');
-		const rectColor1 = target.querySelector('#svg-1 rect');
-		const circleColor2 = target.querySelector('#svg-2 circle');
-		const rectColor2 = target.querySelector('#svg-2 rect');
+		const circle_color1 = target.querySelector('#svg-1 circle');
+		const rect_color1 = target.querySelector('#svg-1 rect');
+		const circle_color2 = target.querySelector('#svg-2 circle');
+		const rect_color2 = target.querySelector('#svg-2 rect');
 
-		assert.htmlEqual(window.getComputedStyle(circleColor1).fill, 'rgb(255, 0, 0)');
-		assert.htmlEqual(window.getComputedStyle(rectColor1).fill, 'rgb(255, 255, 0)');
-		assert.htmlEqual(window.getComputedStyle(circleColor2).fill, 'rgb(0, 255, 255)');
-		assert.htmlEqual(window.getComputedStyle(rectColor2).fill, 'rgb(0, 0, 0)');
+		assert.htmlEqual(window.getComputedStyle(circle_color1).fill, 'rgb(255, 0, 0)');
+		assert.htmlEqual(window.getComputedStyle(rect_color1).fill, 'rgb(255, 255, 0)');
+		assert.htmlEqual(window.getComputedStyle(circle_color2).fill, 'rgb(0, 255, 255)');
+		assert.htmlEqual(window.getComputedStyle(rect_color2).fill, 'rgb(0, 0, 0)');
 	}
 };
diff --git a/packages/svelte/test/runtime-browser/samples/component-css-custom-properties/_config.js b/packages/svelte/test/runtime-browser/samples/component-css-custom-properties/_config.js
index 9c3b7cbdea..04c0f0a20b 100644
--- a/packages/svelte/test/runtime-browser/samples/component-css-custom-properties/_config.js
+++ b/packages/svelte/test/runtime-browser/samples/component-css-custom-properties/_config.js
@@ -14,14 +14,14 @@ export default {
 		</div>
 	`,
 	test({ target, window, assert }) {
-		const railColor1 = target.querySelector('#slider-1 p');
-		const trackColor1 = target.querySelector('#slider-1 span');
-		const railColor2 = target.querySelector('#slider-2 p');
-		const trackColor2 = target.querySelector('#slider-2 span');
+		const rail_color1 = target.querySelector('#slider-1 p');
+		const track_color1 = target.querySelector('#slider-1 span');
+		const rail_color2 = target.querySelector('#slider-2 p');
+		const track_color2 = target.querySelector('#slider-2 span');
 
-		assert.htmlEqual(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-		assert.htmlEqual(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-		assert.htmlEqual(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-		assert.htmlEqual(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
+		assert.htmlEqual(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+		assert.htmlEqual(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+		assert.htmlEqual(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+		assert.htmlEqual(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
 	}
 };
diff --git a/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties/_config.js b/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties/_config.js
index 8e423af308..53ff398e8f 100644
--- a/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties/_config.js
+++ b/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties/_config.js
@@ -18,31 +18,31 @@ export default {
 	`,
 	test({ target, window, assert, component }) {
 		function assert_slider_1() {
-			const railColor1 = target.querySelector('#component1 p');
-			const trackColor1 = target.querySelector('#component1 span');
-			const railColor2 = target.querySelector('#component2 p');
-			const trackColor2 = target.querySelector('#component2 span');
+			const rail_color1 = target.querySelector('#component1 p');
+			const track_color1 = target.querySelector('#component1 span');
+			const rail_color2 = target.querySelector('#component2 p');
+			const track_color2 = target.querySelector('#component2 span');
 
-			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-			assert.equal(railColor1.textContent, 'Slider1');
-			assert.equal(railColor2.textContent, 'Slider1');
+			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+			assert.equal(rail_color1.textContent, 'Slider1');
+			assert.equal(rail_color2.textContent, 'Slider1');
 		}
 
 		function assert_slider_2() {
-			const railColor1 = target.querySelector('#component1 p');
-			const trackColor1 = target.querySelector('#component1 span');
-			const railColor2 = target.querySelector('#component2 p');
-			const trackColor2 = target.querySelector('#component2 span');
+			const rail_color1 = target.querySelector('#component1 p');
+			const track_color1 = target.querySelector('#component1 span');
+			const rail_color2 = target.querySelector('#component2 p');
+			const track_color2 = target.querySelector('#component2 span');
 
-			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-			assert.equal(railColor1.textContent, 'Slider2');
-			assert.equal(railColor2.textContent, 'Slider2');
+			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+			assert.equal(rail_color1.textContent, 'Slider2');
+			assert.equal(rail_color2.textContent, 'Slider2');
 		}
 
 		assert_slider_1();
diff --git a/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js b/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js
index 6bc789035d..6c3656f630 100644
--- a/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js
+++ b/packages/svelte/test/runtime-browser/samples/svelte-component-css-custom-properties2/_config.js
@@ -20,31 +20,31 @@ export default {
 	`,
 	test({ target, window, assert, component }) {
 		function assert_slider_1() {
-			const railColor1 = target.querySelector('#component1 p');
-			const trackColor1 = target.querySelector('#component1 span');
-			const railColor2 = target.querySelector('#component2 p');
-			const trackColor2 = target.querySelector('#component2 span');
+			const rail_color1 = target.querySelector('#component1 p');
+			const track_color1 = target.querySelector('#component1 span');
+			const rail_color2 = target.querySelector('#component2 p');
+			const track_color2 = target.querySelector('#component2 span');
 
-			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-			assert.equal(railColor1.textContent, 'Slider1');
-			assert.equal(railColor2.textContent, 'Slider1');
+			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+			assert.equal(rail_color1.textContent, 'Slider1');
+			assert.equal(rail_color2.textContent, 'Slider1');
 		}
 
 		function assert_slider_2() {
-			const railColor1 = target.querySelector('#component1 p');
-			const trackColor1 = target.querySelector('#component1 span');
-			const railColor2 = target.querySelector('#component2 p');
-			const trackColor2 = target.querySelector('#component2 span');
+			const rail_color1 = target.querySelector('#component1 p');
+			const track_color1 = target.querySelector('#component1 span');
+			const rail_color2 = target.querySelector('#component2 p');
+			const track_color2 = target.querySelector('#component2 span');
 
-			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-			assert.equal(railColor1.textContent, 'Slider2');
-			assert.equal(railColor2.textContent, 'Slider2');
+			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+			assert.equal(rail_color1.textContent, 'Slider2');
+			assert.equal(rail_color2.textContent, 'Slider2');
 		}
 
 		assert_slider_1();
diff --git a/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties/_config.js b/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties/_config.js
index f3023db3c4..7350db32ca 100644
--- a/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties/_config.js
+++ b/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties/_config.js
@@ -22,26 +22,26 @@ export default {
 		</div>
 	`,
 	test({ target, window, assert }) {
-		const railColor1 = target.querySelector('#component1 p');
-		const trackColor1 = target.querySelector('#component1 span');
-		const railColor2 = target.querySelector('#component2 p');
-		const trackColor2 = target.querySelector('#component2 span');
-		const nestRailColor1 = target.querySelector('#nest-component1 p');
-		const nestTrackColor1 = target.querySelector('#nest-component1 span');
-		const nestRailColor2 = target.querySelector('#nest-component2 p');
-		const nestTrackColor2 = target.querySelector('#nest-component2 span');
+		const rail_color1 = target.querySelector('#component1 p');
+		const track_color1 = target.querySelector('#component1 span');
+		const rail_color2 = target.querySelector('#component2 p');
+		const track_color2 = target.querySelector('#component2 span');
+		const nest_rail_color1 = target.querySelector('#nest-component1 p');
+		const nest_track_color1 = target.querySelector('#nest-component1 span');
+		const nest_rail_color2 = target.querySelector('#nest-component2 p');
+		const nest_track_color2 = target.querySelector('#nest-component2 span');
 
-		assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-		assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-		assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-		assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-		assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(255, 255, 0)');
-		assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 0, 255)');
-		assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(0, 255, 255)');
-		assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 255, 255)');
-		assert.equal(railColor1.textContent, 'Slider1');
-		assert.equal(railColor2.textContent, 'Slider2');
-		assert.equal(nestRailColor1.textContent, 'Slider1');
-		assert.equal(nestRailColor2.textContent, 'Slider2');
+		assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+		assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+		assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+		assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+		assert.equal(window.getComputedStyle(nest_rail_color1).color, 'rgb(255, 255, 0)');
+		assert.equal(window.getComputedStyle(nest_track_color1).color, 'rgb(255, 0, 255)');
+		assert.equal(window.getComputedStyle(nest_rail_color2).color, 'rgb(0, 255, 255)');
+		assert.equal(window.getComputedStyle(nest_track_color2).color, 'rgb(255, 255, 255)');
+		assert.equal(rail_color1.textContent, 'Slider1');
+		assert.equal(rail_color2.textContent, 'Slider2');
+		assert.equal(nest_rail_color1.textContent, 'Slider1');
+		assert.equal(nest_rail_color2.textContent, 'Slider2');
 	}
 };
diff --git a/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js b/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js
index 6a976a141c..58ff163f9b 100644
--- a/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js
+++ b/packages/svelte/test/runtime-browser/samples/svelte-self-css-custom-properties2/_config.js
@@ -25,51 +25,51 @@ export default {
 	`,
 	test({ target, window, assert, component }) {
 		function assert_slider_1() {
-			const railColor1 = target.querySelector('#component1 p');
-			const trackColor1 = target.querySelector('#component1 span');
-			const railColor2 = target.querySelector('#component2 p');
-			const trackColor2 = target.querySelector('#component2 span');
-			const nestRailColor1 = target.querySelector('#nest-component1 p');
-			const nestTrackColor1 = target.querySelector('#nest-component1 span');
-			const nestRailColor2 = target.querySelector('#nest-component2 p');
-			const nestTrackColor2 = target.querySelector('#nest-component2 span');
+			const rail_color1 = target.querySelector('#component1 p');
+			const track_color1 = target.querySelector('#component1 span');
+			const rail_color2 = target.querySelector('#component2 p');
+			const track_color2 = target.querySelector('#component2 span');
+			const nest_rail_color1 = target.querySelector('#nest-component1 p');
+			const nest_track_color1 = target.querySelector('#nest-component1 span');
+			const nest_rail_color2 = target.querySelector('#nest-component2 p');
+			const nest_track_color2 = target.querySelector('#nest-component2 span');
 
-			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-			assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(255, 255, 0)');
-			assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 0, 255)');
-			assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(255, 255, 0)');
-			assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 0, 255)');
-			assert.equal(railColor1.textContent, 'Slider1');
-			assert.equal(railColor2.textContent, 'Slider1');
-			assert.equal(nestRailColor1.textContent, 'Slider1');
-			assert.equal(nestRailColor2.textContent, 'Slider1');
+			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+			assert.equal(window.getComputedStyle(nest_rail_color1).color, 'rgb(255, 255, 0)');
+			assert.equal(window.getComputedStyle(nest_track_color1).color, 'rgb(255, 0, 255)');
+			assert.equal(window.getComputedStyle(nest_rail_color2).color, 'rgb(255, 255, 0)');
+			assert.equal(window.getComputedStyle(nest_track_color2).color, 'rgb(255, 0, 255)');
+			assert.equal(rail_color1.textContent, 'Slider1');
+			assert.equal(rail_color2.textContent, 'Slider1');
+			assert.equal(nest_rail_color1.textContent, 'Slider1');
+			assert.equal(nest_rail_color2.textContent, 'Slider1');
 		}
 
 		function assert_slider_2() {
-			const railColor1 = target.querySelector('#component1 p');
-			const trackColor1 = target.querySelector('#component1 span');
-			const railColor2 = target.querySelector('#component2 p');
-			const trackColor2 = target.querySelector('#component2 span');
-			const nestRailColor1 = target.querySelector('#nest-component1 p');
-			const nestTrackColor1 = target.querySelector('#nest-component1 span');
-			const nestRailColor2 = target.querySelector('#nest-component2 p');
-			const nestTrackColor2 = target.querySelector('#nest-component2 span');
+			const rail_color1 = target.querySelector('#component1 p');
+			const track_color1 = target.querySelector('#component1 span');
+			const rail_color2 = target.querySelector('#component2 p');
+			const track_color2 = target.querySelector('#component2 span');
+			const nest_rail_color1 = target.querySelector('#nest-component1 p');
+			const nest_track_color1 = target.querySelector('#nest-component1 span');
+			const nest_rail_color2 = target.querySelector('#nest-component2 p');
+			const nest_track_color2 = target.querySelector('#nest-component2 span');
 
-			assert.equal(window.getComputedStyle(railColor1).color, 'rgb(0, 0, 0)');
-			assert.equal(window.getComputedStyle(trackColor1).color, 'rgb(255, 0, 0)');
-			assert.equal(window.getComputedStyle(railColor2).color, 'rgb(0, 255, 0)');
-			assert.equal(window.getComputedStyle(trackColor2).color, 'rgb(0, 0, 255)');
-			assert.equal(window.getComputedStyle(nestRailColor1).color, 'rgb(0, 255, 255)');
-			assert.equal(window.getComputedStyle(nestTrackColor1).color, 'rgb(255, 255, 255)');
-			assert.equal(window.getComputedStyle(nestRailColor2).color, 'rgb(0, 255, 255)');
-			assert.equal(window.getComputedStyle(nestTrackColor2).color, 'rgb(255, 255, 255)');
-			assert.equal(railColor1.textContent, 'Slider2');
-			assert.equal(railColor2.textContent, 'Slider2');
-			assert.equal(nestRailColor1.textContent, 'Slider2');
-			assert.equal(nestRailColor2.textContent, 'Slider2');
+			assert.equal(window.getComputedStyle(rail_color1).color, 'rgb(0, 0, 0)');
+			assert.equal(window.getComputedStyle(track_color1).color, 'rgb(255, 0, 0)');
+			assert.equal(window.getComputedStyle(rail_color2).color, 'rgb(0, 255, 0)');
+			assert.equal(window.getComputedStyle(track_color2).color, 'rgb(0, 0, 255)');
+			assert.equal(window.getComputedStyle(nest_rail_color1).color, 'rgb(0, 255, 255)');
+			assert.equal(window.getComputedStyle(nest_track_color1).color, 'rgb(255, 255, 255)');
+			assert.equal(window.getComputedStyle(nest_rail_color2).color, 'rgb(0, 255, 255)');
+			assert.equal(window.getComputedStyle(nest_track_color2).color, 'rgb(255, 255, 255)');
+			assert.equal(rail_color1.textContent, 'Slider2');
+			assert.equal(rail_color2.textContent, 'Slider2');
+			assert.equal(nest_rail_color1.textContent, 'Slider2');
+			assert.equal(nest_rail_color2.textContent, 'Slider2');
 		}
 
 		assert_slider_1();
diff --git a/packages/svelte/test/runtime/runtime.shared.js b/packages/svelte/test/runtime/runtime.shared.js
index b02dfb81ff..09b990b514 100644
--- a/packages/svelte/test/runtime/runtime.shared.js
+++ b/packages/svelte/test/runtime/runtime.shared.js
@@ -55,18 +55,18 @@ async function run_test(dir) {
 
 		const cwd = path.resolve(`${__dirname}/samples/${dir}`);
 
-		const compileOptions = Object.assign({}, config.compileOptions || {}, {
+		const compile_options = Object.assign({}, config.compileOptions || {}, {
 			hydratable: hydrate,
 			immutable: config.immutable,
 			accessors: 'accessors' in config ? config.accessors : true
 		});
 
-		const load = create_loader(compileOptions, cwd);
+		const load = create_loader(compile_options, cwd);
 
 		let mod;
 		let SvelteComponent;
 
-		let unintendedError = null;
+		let unintended_error = null;
 
 		if (config.expect_unhandled_rejections) {
 			listeners.forEach((listener) => {
@@ -111,7 +111,7 @@ async function run_test(dir) {
 			let snapshot = undefined;
 
 			if (hydrate && from_ssr_html) {
-				const load_ssr = create_loader({ ...compileOptions, generate: 'ssr' }, cwd);
+				const load_ssr = create_loader({ ...compile_options, generate: 'ssr' }, cwd);
 
 				// ssr into target
 				if (config.before_test) config.before_test();
@@ -152,14 +152,14 @@ async function run_test(dir) {
 			console.warn = warn;
 
 			if (config.error) {
-				unintendedError = true;
+				unintended_error = true;
 				assert.fail('Expected a runtime error');
 			}
 
 			if (config.warnings) {
 				assert.deepEqual(warnings, config.warnings);
 			} else if (warnings.length) {
-				unintendedError = true;
+				unintended_error = true;
 				assert.fail('Received unexpected warnings');
 			}
 
@@ -183,7 +183,7 @@ async function run_test(dir) {
 						snapshot,
 						window,
 						raf,
-						compileOptions,
+						compileOptions: compile_options,
 						load
 					});
 				}
@@ -201,7 +201,7 @@ async function run_test(dir) {
 
 		await test()
 			.catch((err) => {
-				if (config.error && !unintendedError) {
+				if (config.error && !unintended_error) {
 					if (typeof config.error === 'function') {
 						config.error(assert, err);
 					} else {
@@ -217,7 +217,7 @@ async function run_test(dir) {
 						mkdirp(path.dirname(out)); // file could be in subdirectory, therefore don't use dir
 
 						const { js } = compile(fs.readFileSync(`${cwd}/${file}`, 'utf-8').replace(/\r/g, ''), {
-							...compileOptions,
+							...compile_options,
 							filename: file
 						});
 						fs.writeFileSync(out, js.code);
diff --git a/packages/svelte/test/runtime/samples/$$rest-without-props/_config.js b/packages/svelte/test/runtime/samples/$$rest-without-props/_config.js
index 9412aa99df..fb1d4f23ce 100644
--- a/packages/svelte/test/runtime/samples/$$rest-without-props/_config.js
+++ b/packages/svelte/test/runtime/samples/$$rest-without-props/_config.js
@@ -10,9 +10,9 @@ export default {
 	`,
 	async test({ assert, target, window }) {
 		const [btn1, btn2, btn3, btn4] = target.querySelectorAll('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn1.dispatchEvent(clickEvent);
+		await btn1.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -24,7 +24,7 @@ export default {
 		`
 		);
 
-		await btn2.dispatchEvent(clickEvent);
+		await btn2.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -36,7 +36,7 @@ export default {
 		`
 		);
 
-		await btn3.dispatchEvent(clickEvent);
+		await btn3.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -48,7 +48,7 @@ export default {
 		`
 		);
 
-		await btn4.dispatchEvent(clickEvent);
+		await btn4.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/$$rest/_config.js b/packages/svelte/test/runtime/samples/$$rest/_config.js
index 4d050059fc..473ad9f9bc 100644
--- a/packages/svelte/test/runtime/samples/$$rest/_config.js
+++ b/packages/svelte/test/runtime/samples/$$rest/_config.js
@@ -12,9 +12,9 @@ export default {
 
 	async test({ assert, target, window }) {
 		const [btn1, btn2, btn3, btn4] = target.querySelectorAll('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn1.dispatchEvent(clickEvent);
+		await btn1.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -27,7 +27,7 @@ export default {
 		`
 		);
 
-		await btn2.dispatchEvent(clickEvent);
+		await btn2.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -40,7 +40,7 @@ export default {
 		`
 		);
 
-		await btn3.dispatchEvent(clickEvent);
+		await btn3.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -53,7 +53,7 @@ export default {
 		`
 		);
 
-		await btn4.dispatchEvent(clickEvent);
+		await btn4.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/action-function/_config.js b/packages/svelte/test/runtime/samples/action-function/_config.js
index f8cf390550..1bc45788e5 100644
--- a/packages/svelte/test/runtime/samples/action-function/_config.js
+++ b/packages/svelte/test/runtime/samples/action-function/_config.js
@@ -5,10 +5,10 @@ export default {
 
 	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
-		const eventEnter = new window.MouseEvent('mouseenter');
-		const eventLeave = new window.MouseEvent('mouseleave');
+		const event_enter = new window.MouseEvent('mouseenter');
+		const event_leave = new window.MouseEvent('mouseleave');
 
-		await button.dispatchEvent(eventEnter);
+		await button.dispatchEvent(event_enter);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -17,7 +17,7 @@ export default {
 		`
 		);
 
-		await button.dispatchEvent(eventLeave);
+		await button.dispatchEvent(event_leave);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
diff --git a/packages/svelte/test/runtime/samples/action-update/_config.js b/packages/svelte/test/runtime/samples/action-update/_config.js
index 0de4397418..f8ce663a8f 100644
--- a/packages/svelte/test/runtime/samples/action-update/_config.js
+++ b/packages/svelte/test/runtime/samples/action-update/_config.js
@@ -7,7 +7,7 @@ export default {
 		const button = target.querySelector('button');
 		const enter = new window.MouseEvent('mouseenter');
 		const leave = new window.MouseEvent('mouseleave');
-		const ctrlPress = new window.KeyboardEvent('keydown', { ctrlKey: true });
+		const ctrl_press = new window.KeyboardEvent('keydown', { ctrlKey: true });
 
 		await button.dispatchEvent(enter);
 		assert.htmlEqual(
@@ -18,7 +18,7 @@ export default {
 		`
 		);
 
-		await window.dispatchEvent(ctrlPress);
+		await window.dispatchEvent(ctrl_press);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
diff --git a/packages/svelte/test/runtime/samples/action/_config.js b/packages/svelte/test/runtime/samples/action/_config.js
index f8cf390550..1bc45788e5 100644
--- a/packages/svelte/test/runtime/samples/action/_config.js
+++ b/packages/svelte/test/runtime/samples/action/_config.js
@@ -5,10 +5,10 @@ export default {
 
 	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
-		const eventEnter = new window.MouseEvent('mouseenter');
-		const eventLeave = new window.MouseEvent('mouseleave');
+		const event_enter = new window.MouseEvent('mouseenter');
+		const event_leave = new window.MouseEvent('mouseleave');
 
-		await button.dispatchEvent(eventEnter);
+		await button.dispatchEvent(event_enter);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -17,7 +17,7 @@ export default {
 		`
 		);
 
-		await button.dispatchEvent(eventLeave);
+		await button.dispatchEvent(event_leave);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
diff --git a/packages/svelte/test/runtime/samples/attribute-casing-custom-element/_config.js b/packages/svelte/test/runtime/samples/attribute-casing-custom-element/_config.js
new file mode 100644
index 0000000000..1e9874874a
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/attribute-casing-custom-element/_config.js
@@ -0,0 +1,7 @@
+export default {
+	skip_if_ssr: true,
+	skip_if_hydrate: true,
+	html: `
+		<my-custom-element>Hello World!</my-custom-element>
+	`
+};
diff --git a/packages/svelte/test/runtime/samples/attribute-casing-custom-element/main.svelte b/packages/svelte/test/runtime/samples/attribute-casing-custom-element/main.svelte
new file mode 100644
index 0000000000..6433d0dc76
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/attribute-casing-custom-element/main.svelte
@@ -0,0 +1,25 @@
+<script>
+	class MyCustomElement extends HTMLElement {
+		constructor() {
+			super();
+			this._obj = null;
+		}
+
+		set camelCase(obj) {
+			this._obj = obj;
+			this.render();
+		}
+
+		connectedCallback() {
+			this.render();
+		}
+
+		render() {
+			this.innerHTML = 'Hello ' + this._obj.text + '!';
+		}
+	}
+
+	window.customElements.define('my-custom-element', MyCustomElement);
+</script>
+
+<my-custom-element camelCase={{ text: 'World' }} />
diff --git a/packages/svelte/test/runtime/samples/attribute-custom-element-inheritance/_config.js b/packages/svelte/test/runtime/samples/attribute-custom-element-inheritance/_config.js
new file mode 100644
index 0000000000..10495ab24e
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/attribute-custom-element-inheritance/_config.js
@@ -0,0 +1,7 @@
+export default {
+	skip_if_ssr: true,
+	skip_if_hydrate: true,
+	html: `
+		<my-custom-inheritance-element>Hello World!</my-custom-inheritance-element>
+	`
+};
diff --git a/packages/svelte/test/runtime/samples/attribute-custom-element-inheritance/main.svelte b/packages/svelte/test/runtime/samples/attribute-custom-element-inheritance/main.svelte
new file mode 100644
index 0000000000..1324bcc4b1
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/attribute-custom-element-inheritance/main.svelte
@@ -0,0 +1,33 @@
+<script>
+	class MyCustomElement extends HTMLElement {
+		constructor() {
+			super();
+			this._obj = null;
+			this._text = null;
+		}
+
+		set text(text) {
+			this._text = text;
+			this.render();
+		}
+
+		set camelCase(obj) {
+			this._obj = obj;
+			this.render();
+		}
+
+		connectedCallback() {
+			this.render();
+		}
+
+		render() {
+			this.innerHTML = 'Hello ' + this._obj.text + this._text;
+		}
+	}
+
+	class Extended extends MyCustomElement {}
+
+	window.customElements.define('my-custom-inheritance-element', Extended);
+</script>
+
+<my-custom-inheritance-element camelCase={{ text: 'World' }} text="!" />
diff --git a/packages/svelte/test/runtime/samples/await-function-promise/_config.js b/packages/svelte/test/runtime/samples/await-function-promise/_config.js
index 01fe60cd0b..44cf13160b 100644
--- a/packages/svelte/test/runtime/samples/await-function-promise/_config.js
+++ b/packages/svelte/test/runtime/samples/await-function-promise/_config.js
@@ -1,8 +1,8 @@
-const realPromise = Promise.resolve(42);
+const real_promise = Promise.resolve(42);
 
 const promise = () => {};
-promise.then = realPromise.then.bind(realPromise);
-promise.catch = realPromise.catch.bind(realPromise);
+promise.then = real_promise.then.bind(real_promise);
+promise.catch = real_promise.catch.bind(real_promise);
 
 export default {
 	get props() {
diff --git a/packages/svelte/test/runtime/samples/await-in-each/_config.js b/packages/svelte/test/runtime/samples/await-in-each/_config.js
index 0e4109ea49..73dbb01e87 100644
--- a/packages/svelte/test/runtime/samples/await-in-each/_config.js
+++ b/packages/svelte/test/runtime/samples/await-in-each/_config.js
@@ -1,13 +1,13 @@
 let fulfil;
 
-const thePromise = new Promise((f) => {
+const the_promise = new Promise((f) => {
 	fulfil = f;
 });
 
 const items = [
 	{
 		title: 'a title',
-		data: thePromise
+		data: the_promise
 	}
 ];
 
@@ -23,7 +23,7 @@ export default {
 	test({ assert, target }) {
 		fulfil(42);
 
-		return thePromise.then(() => {
+		return the_promise.then(() => {
 			assert.htmlEqual(
 				target.innerHTML,
 				`
diff --git a/packages/svelte/test/runtime/samples/await-then-catch-event/_config.js b/packages/svelte/test/runtime/samples/await-then-catch-event/_config.js
index 2705eb7e17..32189e2389 100644
--- a/packages/svelte/test/runtime/samples/await-then-catch-event/_config.js
+++ b/packages/svelte/test/runtime/samples/await-then-catch-event/_config.js
@@ -28,10 +28,10 @@ export default {
 
 				assert.equal(component.clicked, 42);
 
-				const thePromise = Promise.resolve(43);
-				component.thePromise = thePromise;
+				const the_promise = Promise.resolve(43);
+				component.thePromise = the_promise;
 
-				return thePromise;
+				return the_promise;
 			})
 			.then(() => {
 				const { button } = component;
diff --git a/packages/svelte/test/runtime/samples/await-then-catch-if/_config.js b/packages/svelte/test/runtime/samples/await-then-catch-if/_config.js
index 42683c56f8..f6a3e2b981 100644
--- a/packages/svelte/test/runtime/samples/await-then-catch-if/_config.js
+++ b/packages/svelte/test/runtime/samples/await-then-catch-if/_config.js
@@ -1,12 +1,12 @@
 let fulfil;
 
-const thePromise = new Promise((f) => {
+const the_promise = new Promise((f) => {
 	fulfil = f;
 });
 
 export default {
 	get props() {
-		return { show: true, thePromise };
+		return { show: true, thePromise: the_promise };
 	},
 
 	html: `
@@ -16,7 +16,7 @@ export default {
 	test({ assert, component, target }) {
 		fulfil(42);
 
-		return thePromise.then(() => {
+		return the_promise.then(() => {
 			assert.htmlEqual(
 				target.innerHTML,
 				`
@@ -35,7 +35,7 @@ export default {
 
 			component.show = true;
 
-			return thePromise.then(() => {
+			return the_promise.then(() => {
 				assert.htmlEqual(
 					target.innerHTML,
 					`
diff --git a/packages/svelte/test/runtime/samples/await-then-catch-order/_config.js b/packages/svelte/test/runtime/samples/await-then-catch-order/_config.js
index 275d250233..b588d2e150 100644
--- a/packages/svelte/test/runtime/samples/await-then-catch-order/_config.js
+++ b/packages/svelte/test/runtime/samples/await-then-catch-order/_config.js
@@ -1,12 +1,12 @@
 let fulfil;
 
-const thePromise = new Promise((f) => {
+const the_promise = new Promise((f) => {
 	fulfil = f;
 });
 
 export default {
 	get props() {
-		return { thePromise };
+		return { thePromise: the_promise };
 	},
 
 	html: `
@@ -16,7 +16,7 @@ export default {
 	test({ assert, target }) {
 		fulfil(42);
 
-		return thePromise.then(() => {
+		return the_promise.then(() => {
 			assert.htmlEqual(
 				target.innerHTML,
 				`
diff --git a/packages/svelte/test/runtime/samples/await-then-if/_config.js b/packages/svelte/test/runtime/samples/await-then-if/_config.js
index b32ba04715..38bf183971 100644
--- a/packages/svelte/test/runtime/samples/await-then-if/_config.js
+++ b/packages/svelte/test/runtime/samples/await-then-if/_config.js
@@ -1,12 +1,12 @@
 let fulfil;
 
-const thePromise = new Promise((f) => {
+const the_promise = new Promise((f) => {
 	fulfil = f;
 });
 
 export default {
 	get props() {
-		return { thePromise };
+		return { thePromise: the_promise };
 	},
 
 	html: `
@@ -16,7 +16,7 @@ export default {
 	async test({ assert, target }) {
 		fulfil([]);
 
-		await thePromise;
+		await the_promise;
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js b/packages/svelte/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
index 85e78d35dc..fb5aa27b91 100644
--- a/packages/svelte/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
+++ b/packages/svelte/test/runtime/samples/binding-input-checkbox-with-event-in-each/_config.js
@@ -15,12 +15,12 @@ export default {
 
 	test({ assert, component, target, window }) {
 		const { cats } = component;
-		const newCats = cats.slice();
-		newCats.push({
+		const new_cats = cats.slice();
+		new_cats.push({
 			name: 'cat ' + cats.length,
 			checked: false
 		});
-		component.cats = newCats;
+		component.cats = new_cats;
 
 		let inputs = target.querySelectorAll('input');
 		assert.equal(inputs.length, 3);
diff --git a/packages/svelte/test/runtime/samples/binding-input-group-each-7/_config.js b/packages/svelte/test/runtime/samples/binding-input-group-each-7/_config.js
index 7535001f67..3de0231f10 100644
--- a/packages/svelte/test/runtime/samples/binding-input-group-each-7/_config.js
+++ b/packages/svelte/test/runtime/samples/binding-input-group-each-7/_config.js
@@ -23,7 +23,7 @@ export default {
 	async test({ assert, target, window }) {
 		const inputs = target.querySelectorAll('input');
 		const checked = new Set();
-		const checkInbox = async (i) => {
+		const check_inbox = async (i) => {
 			checked.add(i);
 			inputs[i].checked = true;
 			await inputs[i].dispatchEvent(event);
@@ -35,17 +35,17 @@ export default {
 
 		const event = new window.Event('change');
 
-		await checkInbox(2);
+		await check_inbox(2);
 		for (let i = 0; i < 18; i++) {
 			assert.equal(inputs[i].checked, checked.has(i));
 		}
 
-		await checkInbox(12);
+		await check_inbox(12);
 		for (let i = 0; i < 18; i++) {
 			assert.equal(inputs[i].checked, checked.has(i));
 		}
 
-		await checkInbox(8);
+		await check_inbox(8);
 		for (let i = 0; i < 18; i++) {
 			assert.equal(inputs[i].checked, checked.has(i));
 		}
diff --git a/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js b/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js
index bdc4da2d57..29d7b14bca 100644
--- a/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js
+++ b/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-1/_config.js
@@ -1,8 +1,8 @@
 export default {
 	async test({ assert, target, component, window }) {
 		const button = target.querySelector('button');
-		const clickEvent = new window.Event('click');
-		const changeEvent = new window.Event('change');
+		const click_event = new window.Event('click');
+		const change_event = new window.Event('change');
 
 		const [input1, input2] = target.querySelectorAll('input[type="checkbox"]');
 		function validate_inputs(v1, v2) {
@@ -17,24 +17,24 @@ export default {
 		validate_inputs(true, true);
 
 		input1.checked = false;
-		await input1.dispatchEvent(changeEvent);
+		await input1.dispatchEvent(change_event);
 		assert.deepEqual(component.test, ['b']);
 
 		input2.checked = false;
-		await input2.dispatchEvent(changeEvent);
+		await input2.dispatchEvent(change_event);
 		assert.deepEqual(component.test, []);
 
 		input1.checked = true;
 		input2.checked = true;
-		await input1.dispatchEvent(changeEvent);
-		await input2.dispatchEvent(changeEvent);
+		await input1.dispatchEvent(change_event);
+		await input2.dispatchEvent(change_event);
 		assert.deepEqual(component.test, ['b', 'a']);
 
-		await button.dispatchEvent(clickEvent);
+		await button.dispatchEvent(click_event);
 		assert.deepEqual(component.test, ['b', 'a']); // should it be ['a'] only? valid arguments for both outcomes
 
 		input1.checked = false;
-		await input1.dispatchEvent(changeEvent);
+		await input1.dispatchEvent(change_event);
 		assert.deepEqual(component.test, []);
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js b/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js
index a8d5a7137f..86f391496e 100644
--- a/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js
+++ b/packages/svelte/test/runtime/samples/binding-input-group-if-gh-8372-2/_config.js
@@ -1,8 +1,8 @@
 export default {
 	async test({ assert, target, component, window }) {
 		const button = target.querySelector('button');
-		const clickEvent = new window.Event('click');
-		const changeEvent = new window.Event('change');
+		const click_event = new window.Event('click');
+		const change_event = new window.Event('change');
 
 		const [input1, input2] = target.querySelectorAll('input[type="radio"]');
 		function validate_inputs(v1, v2) {
@@ -17,18 +17,18 @@ export default {
 		validate_inputs(false, true);
 
 		input1.checked = true;
-		await input1.dispatchEvent(changeEvent);
+		await input1.dispatchEvent(change_event);
 		assert.deepEqual(component.test, 'a');
 
 		input2.checked = true;
-		await input2.dispatchEvent(changeEvent);
+		await input2.dispatchEvent(change_event);
 		assert.deepEqual(component.test, 'b');
 
-		await button.dispatchEvent(clickEvent);
+		await button.dispatchEvent(click_event);
 		assert.deepEqual(component.test, 'b'); // should it be undefined? valid arguments for both outcomes
 
 		input1.checked = true;
-		await input1.dispatchEvent(changeEvent);
+		await input1.dispatchEvent(change_event);
 		assert.deepEqual(component.test, 'a');
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/binding-input-number-2/_config.js b/packages/svelte/test/runtime/samples/binding-input-number-2/_config.js
index 4411eac0b2..d65df9b819 100644
--- a/packages/svelte/test/runtime/samples/binding-input-number-2/_config.js
+++ b/packages/svelte/test/runtime/samples/binding-input-number-2/_config.js
@@ -1,25 +1,25 @@
 export default {
 	test({ assert, target, window, component }) {
 		const input = target.querySelector('input');
-		const inputEvent = new window.InputEvent('input');
+		const input_event = new window.InputEvent('input');
 		assert.equal(component.value, 5);
 		assert.equal(input.value, '5');
 
 		input.value = '5.';
-		input.dispatchEvent(inputEvent);
+		input.dispatchEvent(input_event);
 
 		// input type number has value === "" if ends with dot/comma
 		assert.equal(component.value, undefined);
 		assert.equal(input.value, '');
 
 		input.value = '5.5';
-		input.dispatchEvent(inputEvent);
+		input.dispatchEvent(input_event);
 
 		assert.equal(component.value, 5.5);
 		assert.equal(input.value, '5.5');
 
 		input.value = '5.50';
-		input.dispatchEvent(inputEvent);
+		input.dispatchEvent(input_event);
 
 		assert.equal(component.value, 5.5);
 		assert.equal(input.value, '5.50');
diff --git a/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/SomeComponent.svelte b/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/SomeComponent.svelte
new file mode 100644
index 0000000000..5c7f400318
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/SomeComponent.svelte
@@ -0,0 +1,20 @@
+<script>
+	export let objectProp;
+	let count = 0;
+	$: objectPropCopy = [...objectProp];
+
+	$: incrementCount(), console.log('propDependencyChanged', objectProp);
+	const incrementCount = () => {
+		count++;
+	};
+	const clickAction = () => {
+		//note that this file shouldn't be formatted and the trailing comment must be rightnext to the variable name
+		// prettier-ignore
+		objectPropCopy = objectPropCopy// trailing comment
+	};
+</script>
+
+<button on:click={clickAction}>click me!</button>
+
+{objectPropCopy}
+<div id="render-count">{count}</div>
diff --git a/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/_config.js b/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/_config.js
new file mode 100644
index 0000000000..d1b7d61dcc
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/_config.js
@@ -0,0 +1,9 @@
+export default {
+	async test({ assert, target, window }) {
+		const incrementButton = target.querySelector('button');
+
+		assert.equal(target.querySelector('#render-count').innerHTML, '1');
+		await incrementButton.dispatchEvent(new window.MouseEvent('click'));
+		assert.equal(target.querySelector('#render-count').innerHTML, '2');
+	}
+};
diff --git a/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/main.svelte b/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/main.svelte
new file mode 100644
index 0000000000..6d1985392a
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/comment-effect-on-reactivity/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	import SomeComponent from './SomeComponent.svelte';
+	let objectProp = ['name', 'age'];
+
+	// look in SomeComponent.svelte for explaination
+</script>
+
+<SomeComponent {objectProp} />
diff --git a/packages/svelte/test/runtime/samples/component-binding-deep-b/_config.js b/packages/svelte/test/runtime/samples/component-binding-deep-b/_config.js
index 1b0e09f735..fea5ea4151 100644
--- a/packages/svelte/test/runtime/samples/component-binding-deep-b/_config.js
+++ b/packages/svelte/test/runtime/samples/component-binding-deep-b/_config.js
@@ -9,13 +9,13 @@ const components = [
 	}
 ];
 
-const selectedComponent = components[0];
+const selected_component = components[0];
 
 export default {
 	skip: true, // doesn't reflect real-world bug, maybe a JSDOM quirk
 
 	get props() {
-		return { components, selectedComponent };
+		return { components, selectedComponent: selected_component };
 	},
 
 	html: `
diff --git a/packages/svelte/test/runtime/samples/component-event-handler-dynamic/_config.js b/packages/svelte/test/runtime/samples/component-event-handler-dynamic/_config.js
index 415b860828..775899740e 100644
--- a/packages/svelte/test/runtime/samples/component-event-handler-dynamic/_config.js
+++ b/packages/svelte/test/runtime/samples/component-event-handler-dynamic/_config.js
@@ -5,13 +5,13 @@ export default {
 	`,
 
 	async test({ assert, component, target, window }) {
-		const [updateButton, button] = target.querySelectorAll('button');
+		const [update_button, button] = target.querySelectorAll('button');
 		const event = new window.MouseEvent('click');
 
 		await button.dispatchEvent(event);
 		assert.equal(component.count, 1);
 
-		await updateButton.dispatchEvent(event);
+		await update_button.dispatchEvent(event);
 		await button.dispatchEvent(event);
 		assert.equal(component.count, 11);
 	}
diff --git a/packages/svelte/test/runtime/samples/component-event-handler-modifier-once-dynamic/_config.js b/packages/svelte/test/runtime/samples/component-event-handler-modifier-once-dynamic/_config.js
index 8796e0faf6..47b6c07edc 100644
--- a/packages/svelte/test/runtime/samples/component-event-handler-modifier-once-dynamic/_config.js
+++ b/packages/svelte/test/runtime/samples/component-event-handler-modifier-once-dynamic/_config.js
@@ -5,10 +5,10 @@ export default {
 	`,
 
 	async test({ assert, component, target, window }) {
-		const [updateButton, button] = target.querySelectorAll('button');
+		const [update_button, button] = target.querySelectorAll('button');
 		const event = new window.MouseEvent('click');
 
-		await updateButton.dispatchEvent(event);
+		await update_button.dispatchEvent(event);
 		await button.dispatchEvent(event);
 		assert.equal(component.count, 10);
 
diff --git a/packages/svelte/test/runtime/samples/component-slot-fallback-2/_config.js b/packages/svelte/test/runtime/samples/component-slot-fallback-2/_config.js
index 7c86357a8e..67e464818b 100644
--- a/packages/svelte/test/runtime/samples/component-slot-fallback-2/_config.js
+++ b/packages/svelte/test/runtime/samples/component-slot-fallback-2/_config.js
@@ -3,7 +3,7 @@ export default {
 	ssrHtml: '<input value="Blub"> <input value="Blub"> <input value="Blub">',
 
 	async test({ assert, target, component, window }) {
-		const [input1, input2, inputFallback] = target.querySelectorAll('input');
+		const [input1, input2, input_fallback] = target.querySelectorAll('input');
 
 		assert.equal(component.getSubscriberCount(), 3);
 
@@ -13,7 +13,7 @@ export default {
 		await input1.dispatchEvent(new window.Event('input'));
 		assert.equal(input1.value, 'ab');
 		assert.equal(input2.value, 'ab');
-		assert.equal(inputFallback.value, 'ab');
+		assert.equal(input_fallback.value, 'ab');
 
 		component.props = 'hello';
 
diff --git a/packages/svelte/test/runtime/samples/component-slot-fallback-5/_config.js b/packages/svelte/test/runtime/samples/component-slot-fallback-5/_config.js
index 07d09a3be9..1463dcb560 100644
--- a/packages/svelte/test/runtime/samples/component-slot-fallback-5/_config.js
+++ b/packages/svelte/test/runtime/samples/component-slot-fallback-5/_config.js
@@ -6,9 +6,9 @@ export default {
 
 	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -18,7 +18,7 @@ export default {
 			`
 		);
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/dynamic-element-animation-2/_config.js b/packages/svelte/test/runtime/samples/dynamic-element-animation-2/_config.js
index d8399cac37..306b282f7a 100644
--- a/packages/svelte/test/runtime/samples/dynamic-element-animation-2/_config.js
+++ b/packages/svelte/test/runtime/samples/dynamic-element-animation-2/_config.js
@@ -1,6 +1,6 @@
-let originalDivGetBoundingClientRect;
-let originalSpanGetBoundingClientRect;
-let originalParagraphGetBoundingClientRect;
+let original_div_get_bounding_client_rect;
+let original_span_get_bounding_client_rect;
+let original_paragraph_get_bounding_client_rect;
 
 export default {
 	skip_if_ssr: true,
@@ -26,16 +26,16 @@ export default {
 	`,
 
 	before_test() {
-		originalDivGetBoundingClientRect = window.HTMLDivElement.prototype.getBoundingClientRect;
-		originalSpanGetBoundingClientRect = window.HTMLSpanElement.prototype.getBoundingClientRect;
-		originalParagraphGetBoundingClientRect =
+		original_div_get_bounding_client_rect = window.HTMLDivElement.prototype.getBoundingClientRect;
+		original_span_get_bounding_client_rect = window.HTMLSpanElement.prototype.getBoundingClientRect;
+		original_paragraph_get_bounding_client_rect =
 			window.HTMLParagraphElement.prototype.getBoundingClientRect;
 
-		window.HTMLDivElement.prototype.getBoundingClientRect = fakeGetBoundingClientRect;
-		window.HTMLSpanElement.prototype.getBoundingClientRect = fakeGetBoundingClientRect;
-		window.HTMLParagraphElement.prototype.getBoundingClientRect = fakeGetBoundingClientRect;
+		window.HTMLDivElement.prototype.getBoundingClientRect = fake_get_bounding_client_rect;
+		window.HTMLSpanElement.prototype.getBoundingClientRect = fake_get_bounding_client_rect;
+		window.HTMLParagraphElement.prototype.getBoundingClientRect = fake_get_bounding_client_rect;
 
-		function fakeGetBoundingClientRect() {
+		function fake_get_bounding_client_rect() {
 			const index = [...this.parentNode.children].indexOf(this);
 			const top = index * 30;
 
@@ -48,10 +48,10 @@ export default {
 		}
 	},
 	after_test() {
-		window.HTMLDivElement.prototype.getBoundingClientRect = originalDivGetBoundingClientRect;
-		window.HTMLSpanElement.prototype.getBoundingClientRect = originalSpanGetBoundingClientRect;
+		window.HTMLDivElement.prototype.getBoundingClientRect = original_div_get_bounding_client_rect;
+		window.HTMLSpanElement.prototype.getBoundingClientRect = original_span_get_bounding_client_rect;
 		window.HTMLParagraphElement.prototype.getBoundingClientRect =
-			originalParagraphGetBoundingClientRect;
+			original_paragraph_get_bounding_client_rect;
 	},
 
 	async test({ assert, component, raf }) {
diff --git a/packages/svelte/test/runtime/samples/dynamic-element-spread-attributes/_config.js b/packages/svelte/test/runtime/samples/dynamic-element-spread-attributes/_config.js
new file mode 100644
index 0000000000..2ab9f47c00
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/dynamic-element-spread-attributes/_config.js
@@ -0,0 +1,3 @@
+export default {
+	html: '<div id="element" class="element-handler">this is div</div>'
+};
diff --git a/packages/svelte/test/runtime/samples/dynamic-element-spread-attributes/main.svelte b/packages/svelte/test/runtime/samples/dynamic-element-spread-attributes/main.svelte
new file mode 100644
index 0000000000..b2ab251dfa
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/dynamic-element-spread-attributes/main.svelte
@@ -0,0 +1,7 @@
+<script>
+let props = {
+    id: "element",
+    class: "element-handler"
+}
+</script>
+<svelte:element this={"div"} {...props}>this is div</svelte:element>
diff --git a/packages/svelte/test/runtime/samples/each-block-destructured-default-binding/_config.js b/packages/svelte/test/runtime/samples/each-block-destructured-default-binding/_config.js
index 2ba27bff03..a27d56a306 100644
--- a/packages/svelte/test/runtime/samples/each-block-destructured-default-binding/_config.js
+++ b/packages/svelte/test/runtime/samples/each-block-destructured-default-binding/_config.js
@@ -13,10 +13,10 @@ export default {
 		assert.equal(input1.value, '');
 		assert.equal(input2.value, 'hello');
 
-		const inputEvent = new window.InputEvent('input');
+		const input_event = new window.InputEvent('input');
 
 		input2.value = 'world';
-		input2.dispatchEvent(inputEvent);
+		input2.dispatchEvent(input_event);
 		assert.equal(input2.value, 'world');
 		assert.equal(component.array[1].value, 'world');
 	}
diff --git a/packages/svelte/test/runtime/samples/each-block-keyed-random-permute/_config.js b/packages/svelte/test/runtime/samples/each-block-keyed-random-permute/_config.js
index 454ef48d0f..4fcea8d68f 100644
--- a/packages/svelte/test/runtime/samples/each-block-keyed-random-permute/_config.js
+++ b/packages/svelte/test/runtime/samples/each-block-keyed-random-permute/_config.js
@@ -1,6 +1,6 @@
 const VALUES = Array.from('abcdefghijklmnopqrstuvwxyz');
 
-function toObjects(array) {
+function to_objects(array) {
 	return array.split('').map((x) => ({ id: x }));
 }
 
@@ -17,7 +17,7 @@ function permute() {
 
 export default {
 	get props() {
-		return { values: toObjects('abc') };
+		return { values: to_objects('abc') };
 	},
 
 	html: '(a)(b)(c)',
@@ -29,7 +29,7 @@ export default {
 				.split('')
 				.map((x) => `(${x})`)
 				.join('');
-			component.values = toObjects(sequence);
+			component.values = to_objects(sequence);
 			assert.htmlEqual(
 				target.innerHTML,
 				expected,
diff --git a/packages/svelte/test/runtime/samples/each-blocks-assignment-2/_config.js b/packages/svelte/test/runtime/samples/each-blocks-assignment-2/_config.js
index 93f06956d0..4f62f6b66b 100644
--- a/packages/svelte/test/runtime/samples/each-blocks-assignment-2/_config.js
+++ b/packages/svelte/test/runtime/samples/each-blocks-assignment-2/_config.js
@@ -6,8 +6,8 @@ export default {
 	async test({ assert, target, window }) {
 		const button = target.querySelector('button');
 
-		const clickEvent = new window.MouseEvent('click');
-		await button.dispatchEvent(clickEvent);
+		const click_event = new window.MouseEvent('click');
+		await button.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/each-blocks-assignment/_config.js b/packages/svelte/test/runtime/samples/each-blocks-assignment/_config.js
index 5e22381e9e..11591cf026 100644
--- a/packages/svelte/test/runtime/samples/each-blocks-assignment/_config.js
+++ b/packages/svelte/test/runtime/samples/each-blocks-assignment/_config.js
@@ -9,10 +9,10 @@ export default {
 	<button>Test</button>
 	`,
 	async test({ assert, target, window }) {
-		let [incrementBtn, ...buttons] = target.querySelectorAll('button');
+		let [increment_btn, ...buttons] = target.querySelectorAll('button');
 
-		const clickEvent = new window.MouseEvent('click');
-		await buttons[0].dispatchEvent(clickEvent);
+		const click_event = new window.MouseEvent('click');
+		await buttons[0].dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -27,7 +27,7 @@ export default {
 		`
 		);
 
-		await buttons[0].dispatchEvent(clickEvent);
+		await buttons[0].dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -42,8 +42,8 @@ export default {
 		`
 		);
 
-		await buttons[2].dispatchEvent(clickEvent);
-		await buttons[2].dispatchEvent(clickEvent);
+		await buttons[2].dispatchEvent(click_event);
+		await buttons[2].dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -58,7 +58,7 @@ export default {
 		`
 		);
 
-		await incrementBtn.dispatchEvent(clickEvent);
+		await increment_btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -75,9 +75,9 @@ export default {
 		`
 		);
 
-		[incrementBtn, ...buttons] = target.querySelectorAll('button');
+		[increment_btn, ...buttons] = target.querySelectorAll('button');
 
-		await buttons[3].dispatchEvent(clickEvent);
+		await buttons[3].dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/event-handler-dynamic-hash/_config.js b/packages/svelte/test/runtime/samples/event-handler-dynamic-hash/_config.js
index 44990524fd..db34d02d12 100644
--- a/packages/svelte/test/runtime/samples/event-handler-dynamic-hash/_config.js
+++ b/packages/svelte/test/runtime/samples/event-handler-dynamic-hash/_config.js
@@ -9,7 +9,7 @@ export default {
 	`,
 
 	async test({ assert, target, window }) {
-		const [updateButton1, updateButton2, button] = target.querySelectorAll('button');
+		const [update_button1, update_button2, button] = target.querySelectorAll('button');
 
 		const event = new window.MouseEvent('click');
 		let err = '';
@@ -32,7 +32,7 @@ export default {
 		`
 		);
 
-		await updateButton1.dispatchEvent(event);
+		await update_button1.dispatchEvent(event);
 		await button.dispatchEvent(event);
 		assert.htmlEqual(
 			target.innerHTML,
@@ -46,7 +46,7 @@ export default {
 		`
 		);
 
-		await updateButton2.dispatchEvent(event);
+		await update_button2.dispatchEvent(event);
 		await button.dispatchEvent(event);
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/event-handler-dynamic-invalid/_config.js b/packages/svelte/test/runtime/samples/event-handler-dynamic-invalid/_config.js
index cac6d60f2e..6043d2ba28 100644
--- a/packages/svelte/test/runtime/samples/event-handler-dynamic-invalid/_config.js
+++ b/packages/svelte/test/runtime/samples/event-handler-dynamic-invalid/_config.js
@@ -4,7 +4,7 @@ export default {
 	<button>invalid</button>`,
 
 	async test({ assert, target, window }) {
-		const [buttonUndef, buttonNull, buttonInvalid] = target.querySelectorAll('button');
+		const [button_undef, button_null, button_invalid] = target.querySelectorAll('button');
 
 		const event = new window.MouseEvent('click');
 		let err = '';
@@ -14,13 +14,13 @@ export default {
 		});
 
 		// All three should not throw if proper checking is done in runtime code
-		await buttonUndef.dispatchEvent(event);
+		await button_undef.dispatchEvent(event);
 		assert.equal(err, '', err);
 
-		await buttonNull.dispatchEvent(event);
+		await button_null.dispatchEvent(event);
 		assert.equal(err, '', err);
 
-		await buttonInvalid.dispatchEvent(event);
+		await button_invalid.dispatchEvent(event);
 		assert.equal(err, '', err);
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/event-handler-dynamic/_config.js b/packages/svelte/test/runtime/samples/event-handler-dynamic/_config.js
index 44990524fd..db34d02d12 100644
--- a/packages/svelte/test/runtime/samples/event-handler-dynamic/_config.js
+++ b/packages/svelte/test/runtime/samples/event-handler-dynamic/_config.js
@@ -9,7 +9,7 @@ export default {
 	`,
 
 	async test({ assert, target, window }) {
-		const [updateButton1, updateButton2, button] = target.querySelectorAll('button');
+		const [update_button1, update_button2, button] = target.querySelectorAll('button');
 
 		const event = new window.MouseEvent('click');
 		let err = '';
@@ -32,7 +32,7 @@ export default {
 		`
 		);
 
-		await updateButton1.dispatchEvent(event);
+		await update_button1.dispatchEvent(event);
 		await button.dispatchEvent(event);
 		assert.htmlEqual(
 			target.innerHTML,
@@ -46,7 +46,7 @@ export default {
 		`
 		);
 
-		await updateButton2.dispatchEvent(event);
+		await update_button2.dispatchEvent(event);
 		await button.dispatchEvent(event);
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/event-handler-each-modifier/_config.js b/packages/svelte/test/runtime/samples/event-handler-each-modifier/_config.js
index e96cd1a987..72da7a8537 100644
--- a/packages/svelte/test/runtime/samples/event-handler-each-modifier/_config.js
+++ b/packages/svelte/test/runtime/samples/event-handler-each-modifier/_config.js
@@ -10,21 +10,21 @@ export default {
 		assert.equal(component.updated, 4);
 
 		const [item1, item2] = target.childNodes;
-		const [item1Btn1, item1Btn2] = item1.querySelectorAll('button');
-		const [item2Btn1, item2Btn2] = item2.querySelectorAll('button');
+		const [item1_btn1, item1_btn2] = item1.querySelectorAll('button');
+		const [item2_btn1, item2_btn2] = item2.querySelectorAll('button');
 
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await item1Btn1.dispatchEvent(clickEvent);
+		await item1_btn1.dispatchEvent(click_event);
 		assert.equal(component.getNormalCount(), 1);
 
-		await item1Btn2.dispatchEvent(clickEvent);
+		await item1_btn2.dispatchEvent(click_event);
 		assert.equal(component.getModifierCount(), 1);
 
-		await item2Btn1.dispatchEvent(clickEvent);
+		await item2_btn1.dispatchEvent(click_event);
 		assert.equal(component.getNormalCount(), 2);
 
-		await item2Btn2.dispatchEvent(clickEvent);
+		await item2_btn2.dispatchEvent(click_event);
 		assert.equal(component.getModifierCount(), 2);
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/flush-before-bindings/_config.js b/packages/svelte/test/runtime/samples/flush-before-bindings/_config.js
index 4f20299771..6848fbd50c 100644
--- a/packages/svelte/test/runtime/samples/flush-before-bindings/_config.js
+++ b/packages/svelte/test/runtime/samples/flush-before-bindings/_config.js
@@ -11,11 +11,11 @@ export default {
 	`,
 
 	test({ assert, component }) {
-		const visibleThings = component.visibleThings;
-		assert.deepEqual(visibleThings, ['first thing', 'second thing']);
+		const visible_things = component.visibleThings;
+		assert.deepEqual(visible_things, ['first thing', 'second thing']);
 
 		const snapshots = component.snapshots;
-		assert.deepEqual(snapshots, [visibleThings]);
+		assert.deepEqual(snapshots, [visible_things]);
 
 		// TODO minimise the number of recomputations during oncreate
 		// assert.equal(counter.count, 1);
diff --git a/packages/svelte/test/runtime/samples/fragment-trailing-whitespace/_config.js b/packages/svelte/test/runtime/samples/fragment-trailing-whitespace/_config.js
index d2c59af0de..142cab9229 100644
--- a/packages/svelte/test/runtime/samples/fragment-trailing-whitespace/_config.js
+++ b/packages/svelte/test/runtime/samples/fragment-trailing-whitespace/_config.js
@@ -7,10 +7,14 @@ export default {
 	},
 
 	async test({ assert, target }) {
-		const firstSpanList = target.children[0];
-		assert.htmlEqualWithOptions(firstSpanList.innerHTML, expected, { withoutNormalizeHtml: true });
+		const first_span_list = target.children[0];
+		assert.htmlEqualWithOptions(first_span_list.innerHTML, expected, {
+			withoutNormalizeHtml: true
+		});
 
-		const secondSpanList = target.children[1];
-		assert.htmlEqualWithOptions(secondSpanList.innerHTML, expected, { withoutNormalizeHtml: true });
+		const second_span_list = target.children[1];
+		assert.htmlEqualWithOptions(second_span_list.innerHTML, expected, {
+			withoutNormalizeHtml: true
+		});
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/if-block-else-update/_config.js b/packages/svelte/test/runtime/samples/if-block-else-update/_config.js
index 3ba36906ad..cbbf65aa2c 100644
--- a/packages/svelte/test/runtime/samples/if-block-else-update/_config.js
+++ b/packages/svelte/test/runtime/samples/if-block-else-update/_config.js
@@ -2,9 +2,9 @@ export default {
 	async test({ assert, target, window }) {
 		const [btn1, btn2] = target.querySelectorAll('button');
 
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn2.dispatchEvent(clickEvent);
+		await btn2.dispatchEvent(click_event);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -17,7 +17,7 @@ export default {
 		`
 		);
 
-		await btn1.dispatchEvent(clickEvent);
+		await btn1.dispatchEvent(click_event);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -30,7 +30,7 @@ export default {
 		`
 		);
 
-		await btn2.dispatchEvent(clickEvent);
+		await btn2.dispatchEvent(click_event);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -43,7 +43,7 @@ export default {
 		`
 		);
 
-		await btn1.dispatchEvent(clickEvent);
+		await btn1.dispatchEvent(click_event);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
diff --git a/packages/svelte/test/runtime/samples/inline-style-directive-update-object-property/_config.js b/packages/svelte/test/runtime/samples/inline-style-directive-update-object-property/_config.js
new file mode 100644
index 0000000000..e3c6d72cd1
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/inline-style-directive-update-object-property/_config.js
@@ -0,0 +1,20 @@
+export default {
+	html: `
+		<p style="background-color: green; font-size: 12px;"></p>
+	`,
+
+	test({ assert, target, window, component }) {
+		const p = target.querySelector('p');
+		const styles = window.getComputedStyle(p);
+		assert.equal(styles.backgroundColor, 'green');
+		assert.equal(styles.fontSize, '12px');
+
+		{
+			component.modify = true;
+			const p = target.querySelector('p');
+			const styles = window.getComputedStyle(p);
+			assert.equal(styles.backgroundColor, 'green');
+			assert.equal(styles.fontSize, '50px');
+		}
+	}
+};
diff --git a/packages/svelte/test/runtime/samples/inline-style-directive-update-object-property/main.svelte b/packages/svelte/test/runtime/samples/inline-style-directive-update-object-property/main.svelte
new file mode 100644
index 0000000000..0a643bdf48
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/inline-style-directive-update-object-property/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	let settings = {
+		fontSize: 12,
+		bg: 'green'
+	};
+	export let modify = false;
+	$: if (modify) {
+		settings.fontSize = 50;
+	}
+</script>
+
+<p style:font-size="{settings.fontSize}px" style="background-color: {settings.bg}" />
diff --git a/packages/svelte/test/runtime/samples/nbsp-div/_config.js b/packages/svelte/test/runtime/samples/nbsp-div/_config.js
index 5489360934..d79db8ee81 100644
--- a/packages/svelte/test/runtime/samples/nbsp-div/_config.js
+++ b/packages/svelte/test/runtime/samples/nbsp-div/_config.js
@@ -4,14 +4,14 @@ export default {
 	<div>&nbsp;hello&nbsp; &nbsp;hello</div>`,
 
 	test({ assert, target }) {
-		const divList = target.querySelectorAll('div');
-		assert.equal(divList[0].textContent.charCodeAt(0), 160);
-		assert.equal(divList[1].textContent.charCodeAt(0), 160);
-		assert.equal(divList[1].textContent.charCodeAt(6), 160);
-		assert.equal(divList[1].textContent.charCodeAt(7), 160);
-		assert.equal(divList[2].textContent.charCodeAt(0), 160);
-		assert.equal(divList[2].textContent.charCodeAt(6), 160);
-		assert.equal(divList[2].textContent.charCodeAt(7), 32); //normal space
-		assert.equal(divList[2].textContent.charCodeAt(8), 160);
+		const div_list = target.querySelectorAll('div');
+		assert.equal(div_list[0].textContent.charCodeAt(0), 160);
+		assert.equal(div_list[1].textContent.charCodeAt(0), 160);
+		assert.equal(div_list[1].textContent.charCodeAt(6), 160);
+		assert.equal(div_list[1].textContent.charCodeAt(7), 160);
+		assert.equal(div_list[2].textContent.charCodeAt(0), 160);
+		assert.equal(div_list[2].textContent.charCodeAt(6), 160);
+		assert.equal(div_list[2].textContent.charCodeAt(7), 32); //normal space
+		assert.equal(div_list[2].textContent.charCodeAt(8), 160);
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/noscript-removal/_config.js b/packages/svelte/test/runtime/samples/noscript-removal/_config.js
index a60a4f87b0..69dea81cbd 100644
--- a/packages/svelte/test/runtime/samples/noscript-removal/_config.js
+++ b/packages/svelte/test/runtime/samples/noscript-removal/_config.js
@@ -14,7 +14,7 @@ export default {
 
 		// it's okay not to remove the node during hydration
 		// will not be seen by user anyway
-		removeNoScript(target);
+		remove_no_script(target);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -26,7 +26,7 @@ export default {
 	}
 };
 
-function removeNoScript(target) {
+function remove_no_script(target) {
 	target.querySelectorAll('noscript').forEach((elem) => {
 		elem.parentNode.removeChild(elem);
 	});
diff --git a/packages/svelte/test/runtime/samples/props-reactive-slot/_config.js b/packages/svelte/test/runtime/samples/props-reactive-slot/_config.js
index 6129866605..47effe0d82 100644
--- a/packages/svelte/test/runtime/samples/props-reactive-slot/_config.js
+++ b/packages/svelte/test/runtime/samples/props-reactive-slot/_config.js
@@ -6,9 +6,9 @@ export default {
 
 	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/raw-mustache-as-root/_config.js b/packages/svelte/test/runtime/samples/raw-mustache-as-root/_config.js
index a38c0b1c81..2f54fd6ab9 100644
--- a/packages/svelte/test/runtime/samples/raw-mustache-as-root/_config.js
+++ b/packages/svelte/test/runtime/samples/raw-mustache-as-root/_config.js
@@ -6,9 +6,9 @@ export default {
 	`,
 	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -19,7 +19,7 @@ export default {
 			`
 		);
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/raw-mustache-inside-head/_config.js b/packages/svelte/test/runtime/samples/raw-mustache-inside-head/_config.js
index f478d186be..eb0df14136 100644
--- a/packages/svelte/test/runtime/samples/raw-mustache-inside-head/_config.js
+++ b/packages/svelte/test/runtime/samples/raw-mustache-inside-head/_config.js
@@ -1,7 +1,7 @@
 export default {
 	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
 		assert.equal(
 			window.document.head.innerHTML.includes(
@@ -10,7 +10,7 @@ export default {
 			true
 		);
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.equal(
 			window.document.head.innerHTML.includes(
@@ -19,7 +19,7 @@ export default {
 			true
 		);
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.equal(
 			window.document.head.innerHTML.includes(
diff --git a/packages/svelte/test/runtime/samples/raw-mustache-inside-slot/_config.js b/packages/svelte/test/runtime/samples/raw-mustache-inside-slot/_config.js
index a38c0b1c81..2f54fd6ab9 100644
--- a/packages/svelte/test/runtime/samples/raw-mustache-inside-slot/_config.js
+++ b/packages/svelte/test/runtime/samples/raw-mustache-inside-slot/_config.js
@@ -6,9 +6,9 @@ export default {
 	`,
 	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -19,7 +19,7 @@ export default {
 			`
 		);
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/reactive-import-statement/_config.js b/packages/svelte/test/runtime/samples/reactive-import-statement/_config.js
index 1160919839..59856dca94 100644
--- a/packages/svelte/test/runtime/samples/reactive-import-statement/_config.js
+++ b/packages/svelte/test/runtime/samples/reactive-import-statement/_config.js
@@ -13,9 +13,9 @@ export default {
 	},
 	async test({ assert, target, window }) {
 		const btn = target.querySelector('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -28,7 +28,7 @@ export default {
 		`
 		);
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/select-options-spread-attributes/_config.js b/packages/svelte/test/runtime/samples/select-options-spread-attributes/_config.js
new file mode 100644
index 0000000000..be4faba612
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/select-options-spread-attributes/_config.js
@@ -0,0 +1,7 @@
+export default {
+	html: `
+		<select>
+			<option value="value" class="option">Label</option>
+		</select>
+	`
+};
diff --git a/packages/svelte/test/runtime/samples/select-options-spread-attributes/main.svelte b/packages/svelte/test/runtime/samples/select-options-spread-attributes/main.svelte
new file mode 100644
index 0000000000..cabaf2ea0a
--- /dev/null
+++ b/packages/svelte/test/runtime/samples/select-options-spread-attributes/main.svelte
@@ -0,0 +1,3 @@
+<select>
+	<option {...{ value: 'value', class: 'option' }}>Label</option>
+</select>
diff --git a/packages/svelte/test/runtime/samples/spread-element-input-value/_config.js b/packages/svelte/test/runtime/samples/spread-element-input-value/_config.js
index 64ae0fe469..c09bf7e7fa 100644
--- a/packages/svelte/test/runtime/samples/spread-element-input-value/_config.js
+++ b/packages/svelte/test/runtime/samples/spread-element-input-value/_config.js
@@ -11,8 +11,8 @@ export default {
 		// and we determine if svelte does not set the `input.value` again by
 		// spying on the setter of `input.value`
 
-		const spy1 = spyOnValueSetter(input1, input1.value);
-		const spy2 = spyOnValueSetter(input2, input2.value);
+		const spy1 = spy_on_value_setter(input1, input1.value);
+		const spy2 = spy_on_value_setter(input2, input2.value);
 
 		const event = new window.Event('input');
 
@@ -38,25 +38,25 @@ export default {
 	}
 };
 
-function spyOnValueSetter(input, initialValue) {
-	let value = initialValue;
-	let isSet = false;
+function spy_on_value_setter(input, initial_value) {
+	let value = initial_value;
+	let is_set = false;
 	Object.defineProperty(input, 'value', {
 		get() {
 			return value;
 		},
 		set(_value) {
 			value = _value;
-			isSet = true;
+			is_set = true;
 		}
 	});
 
 	return {
 		isSetCalled() {
-			return isSet;
+			return is_set;
 		},
 		reset() {
-			isSet = false;
+			is_set = false;
 		}
 	};
 }
diff --git a/packages/svelte/test/runtime/samples/spread-element-input-value/utils.js b/packages/svelte/test/runtime/samples/spread-element-input-value/utils.js
index ee941bda55..2fc48fe6ae 100644
--- a/packages/svelte/test/runtime/samples/spread-element-input-value/utils.js
+++ b/packages/svelte/test/runtime/samples/spread-element-input-value/utils.js
@@ -1,6 +1,6 @@
-export function omit(obj, ...keysToOmit) {
+export function omit(obj, ...keys_to_omit) {
 	return Object.keys(obj).reduce((acc, key) => {
-		if (keysToOmit.indexOf(key) === -1) acc[key] = obj[key];
+		if (keys_to_omit.indexOf(key) === -1) acc[key] = obj[key];
 		return acc;
 	}, {});
 }
diff --git a/packages/svelte/test/runtime/samples/store-auto-subscribe-event-callback/_config.js b/packages/svelte/test/runtime/samples/store-auto-subscribe-event-callback/_config.js
index 58b1740f0f..ba0556644d 100644
--- a/packages/svelte/test/runtime/samples/store-auto-subscribe-event-callback/_config.js
+++ b/packages/svelte/test/runtime/samples/store-auto-subscribe-event-callback/_config.js
@@ -9,9 +9,9 @@ export default {
 		const input = target.querySelector('input');
 
 		input.value = 'foo';
-		const inputEvent = new window.InputEvent('input');
+		const input_event = new window.InputEvent('input');
 
-		await input.dispatchEvent(inputEvent);
+		await input.dispatchEvent(input_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/store-invalidation-while-update-1/_config.js b/packages/svelte/test/runtime/samples/store-invalidation-while-update-1/_config.js
index eaa5b3c92b..00e41c98d7 100644
--- a/packages/svelte/test/runtime/samples/store-invalidation-while-update-1/_config.js
+++ b/packages/svelte/test/runtime/samples/store-invalidation-while-update-1/_config.js
@@ -16,11 +16,11 @@ export default {
 		const input = target.querySelector('input');
 		const button = target.querySelector('button');
 
-		const inputEvent = new window.InputEvent('input');
-		const clickEvent = new window.MouseEvent('click');
+		const input_event = new window.InputEvent('input');
+		const click_event = new window.MouseEvent('click');
 
 		input.value = 'foo';
-		await input.dispatchEvent(inputEvent);
+		await input.dispatchEvent(input_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -32,7 +32,7 @@ export default {
 		`
 		);
 
-		await button.dispatchEvent(clickEvent);
+		await button.dispatchEvent(click_event);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -44,7 +44,7 @@ export default {
 		);
 
 		input.value = 'bar';
-		await input.dispatchEvent(inputEvent);
+		await input.dispatchEvent(input_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/store-invalidation-while-update-2/_config.js b/packages/svelte/test/runtime/samples/store-invalidation-while-update-2/_config.js
index 8c318b0faf..882eb46931 100644
--- a/packages/svelte/test/runtime/samples/store-invalidation-while-update-2/_config.js
+++ b/packages/svelte/test/runtime/samples/store-invalidation-while-update-2/_config.js
@@ -16,11 +16,11 @@ export default {
 		const input = target.querySelector('input');
 		const button = target.querySelector('button');
 
-		const inputEvent = new window.InputEvent('input');
-		const clickEvent = new window.MouseEvent('click');
+		const input_event = new window.InputEvent('input');
+		const click_event = new window.MouseEvent('click');
 
 		input.value = 'foo';
-		await input.dispatchEvent(inputEvent);
+		await input.dispatchEvent(input_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -32,7 +32,7 @@ export default {
 		`
 		);
 
-		await button.dispatchEvent(clickEvent);
+		await button.dispatchEvent(click_event);
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -44,7 +44,7 @@ export default {
 		);
 
 		input.value = 'bar';
-		await input.dispatchEvent(inputEvent);
+		await input.dispatchEvent(input_event);
 
 		assert.htmlEqual(
 			target.innerHTML,
diff --git a/packages/svelte/test/runtime/samples/store-resubscribe-export/_config.js b/packages/svelte/test/runtime/samples/store-resubscribe-export/_config.js
index b4615a27d1..44c0fb2403 100644
--- a/packages/svelte/test/runtime/samples/store-resubscribe-export/_config.js
+++ b/packages/svelte/test/runtime/samples/store-resubscribe-export/_config.js
@@ -1,11 +1,11 @@
-let unsubscribeCalled = false;
+let unsubscribe_called = false;
 
-const fakeStore = (val) => ({
+const fake_store = (val) => ({
 	subscribe: (cb) => {
 		cb(val);
 		return {
 			unsubscribe: () => {
-				unsubscribeCalled = true;
+				unsubscribe_called = true;
 			}
 		};
 	}
@@ -13,17 +13,17 @@ const fakeStore = (val) => ({
 
 export default {
 	get props() {
-		return { foo: fakeStore(1) };
+		return { foo: fake_store(1) };
 	},
 	html: `
 		<h1>1</h1>
 	`,
 
 	async test({ assert, component, target }) {
-		component.foo = fakeStore(5);
+		component.foo = fake_store(5);
 
 		assert.htmlEqual(target.innerHTML, '<h1>5</h1>');
 
-		assert.ok(unsubscribeCalled);
+		assert.ok(unsubscribe_called);
 	}
 };
diff --git a/packages/svelte/test/runtime/samples/svg-foreignobject-namespace/_config.js b/packages/svelte/test/runtime/samples/svg-foreignobject-namespace/_config.js
index 950e35e79d..05a7d7d8ec 100644
--- a/packages/svelte/test/runtime/samples/svg-foreignobject-namespace/_config.js
+++ b/packages/svelte/test/runtime/samples/svg-foreignobject-namespace/_config.js
@@ -8,8 +8,8 @@ export default {
 	`,
 
 	test({ assert, target }) {
-		const foreignObject = target.querySelector('foreignObject');
-		assert.equal(foreignObject.namespaceURI, 'http://www.w3.org/2000/svg');
+		const foreign_object = target.querySelector('foreignObject');
+		assert.equal(foreign_object.namespaceURI, 'http://www.w3.org/2000/svg');
 
 		const p = target.querySelector('p');
 		assert.equal(p.namespaceURI, 'http://www.w3.org/1999/xhtml');
diff --git a/packages/svelte/test/runtime/samples/textarea-content/_config.js b/packages/svelte/test/runtime/samples/textarea-content/_config.js
index 7d4f8f9493..fd04d5acbe 100644
--- a/packages/svelte/test/runtime/samples/textarea-content/_config.js
+++ b/packages/svelte/test/runtime/samples/textarea-content/_config.js
@@ -18,50 +18,53 @@ multiple leading newlines</textarea> <div id="div-with-textarea-with-multiple-le
 multiple leading newlines</textarea></div>`,
 	test({ assert, target }) {
 		// Test for <textarea> tag
-		const elementTextarea = target.querySelector('#textarea');
+		const element_textarea = target.querySelector('#textarea');
 		// Test for <textarea> tag in non <textarea> tag
-		const elementDivWithTextarea = target.querySelector('#div-with-textarea');
+		const element_div_with_textarea = target.querySelector('#div-with-textarea');
 		// Test for <textarea> tag with leading newline
-		const elementTextareaWithLeadingNewline = target.querySelector(
+		const element_textarea_with_leading_newline = target.querySelector(
 			'#textarea-with-leading-newline'
 		);
-		const elementTextareaWithoutLeadingNewline = target.querySelector(
+		const element_textarea_without_leading_newline = target.querySelector(
 			'#textarea-without-leading-newline'
 		);
-		const elementTextareaWithMultipleLeadingNewline = target.querySelector(
+		const element_textarea_with_multiple_leading_newline = target.querySelector(
 			'#textarea-with-multiple-leading-newlines'
 		);
-		const elementDivWithTextareaWithMultipleLeadingNewline = target.querySelector(
+		const element_div_with_textarea_with_multiple_leading_newline = target.querySelector(
 			'#div-with-textarea-with-multiple-leading-newlines'
 		);
 
 		assert.equal(
-			elementTextarea.value,
+			element_textarea.value,
 			`  A
   B
 `
 		);
 		assert.equal(
-			elementDivWithTextarea.children[0].value,
+			element_div_with_textarea.children[0].value,
 			`    A
     B
   `
 		);
-		assert.equal(elementTextareaWithLeadingNewline.children[0].value, 'leading newline');
+		assert.equal(element_textarea_with_leading_newline.children[0].value, 'leading newline');
 		assert.equal(
-			elementTextareaWithLeadingNewline.children[1].value,
+			element_textarea_with_leading_newline.children[1].value,
 			'  leading newline and spaces'
 		);
-		assert.equal(elementTextareaWithLeadingNewline.children[2].value, '\nleading newlines');
-		assert.equal(elementTextareaWithoutLeadingNewline.children[0].value, 'without spaces');
-		assert.equal(elementTextareaWithoutLeadingNewline.children[1].value, '  with spaces  ');
+		assert.equal(element_textarea_with_leading_newline.children[2].value, '\nleading newlines');
+		assert.equal(element_textarea_without_leading_newline.children[0].value, 'without spaces');
+		assert.equal(element_textarea_without_leading_newline.children[1].value, '  with spaces  ');
 		assert.equal(
-			elementTextareaWithoutLeadingNewline.children[2].value,
+			element_textarea_without_leading_newline.children[2].value,
 			' \nnewline after leading space'
 		);
-		assert.equal(elementTextareaWithMultipleLeadingNewline.value, '\n\nmultiple leading newlines');
 		assert.equal(
-			elementDivWithTextareaWithMultipleLeadingNewline.children[0].value,
+			element_textarea_with_multiple_leading_newline.value,
+			'\n\nmultiple leading newlines'
+		);
+		assert.equal(
+			element_div_with_textarea_with_multiple_leading_newline.children[0].value,
 			'\n\nmultiple leading newlines'
 		);
 	}
diff --git a/packages/svelte/test/runtime/samples/this-in-function-expressions/_config.js b/packages/svelte/test/runtime/samples/this-in-function-expressions/_config.js
index 57f23a472b..713724113e 100644
--- a/packages/svelte/test/runtime/samples/this-in-function-expressions/_config.js
+++ b/packages/svelte/test/runtime/samples/this-in-function-expressions/_config.js
@@ -1,9 +1,9 @@
 export default {
 	async test({ assert, target, window }) {
 		const [, btn] = target.querySelectorAll('button');
-		const clickEvent = new window.MouseEvent('click');
+		const click_event = new window.MouseEvent('click');
 
-		await btn.dispatchEvent(clickEvent);
+		await btn.dispatchEvent(click_event);
 
 		assert.equal(btn.x, 1);
 	}
diff --git a/packages/svelte/test/runtime/samples/window-bind-scroll-update/_config.js b/packages/svelte/test/runtime/samples/window-bind-scroll-update/_config.js
index f38c37b318..6904a32f7e 100644
--- a/packages/svelte/test/runtime/samples/window-bind-scroll-update/_config.js
+++ b/packages/svelte/test/runtime/samples/window-bind-scroll-update/_config.js
@@ -1,6 +1,6 @@
 import { vi } from 'vitest';
 
-let original_scrollTo;
+let original_scroll_to;
 export default {
 	before_test() {
 		vi.useFakeTimers();
@@ -17,7 +17,7 @@ export default {
 				writable: true
 			}
 		});
-		original_scrollTo = window.scrollTo;
+		original_scroll_to = window.scrollTo;
 		window.scrollTo = (x, y) => {
 			window.pageXOffset = x;
 			window.pageYOffset = y;
@@ -26,7 +26,7 @@ export default {
 
 	after_test() {
 		vi.useRealTimers();
-		window.scrollTo = original_scrollTo;
+		window.scrollTo = original_scroll_to;
 	},
 
 	async test({ assert, component, window }) {
diff --git a/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/Foo.svelte b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/Foo.svelte
new file mode 100644
index 0000000000..4897c0ed3b
--- /dev/null
+++ b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/Foo.svelte
@@ -0,0 +1,3 @@
+<script>
+	export let bar = null
+</script>
\ No newline at end of file
diff --git a/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/_expected-head.html b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/_expected-head.html
new file mode 100644
index 0000000000..8123bc3ccb
--- /dev/null
+++ b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/_expected-head.html
@@ -0,0 +1,2 @@
+<link rel="canonical" href="/test">
+<meta name="description" content="test">
diff --git a/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/_expected.html b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/_expected.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/main.svelte b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/main.svelte
new file mode 100644
index 0000000000..fd49a58ecd
--- /dev/null
+++ b/packages/svelte/test/server-side-rendering/samples/head-no-duplicates-with-binding/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	import Foo from './Foo.svelte';
+	let bar;
+</script>
+
+<svelte:head>
+	<link rel="canonical" href="/test" />
+	<meta name="description" content="test" />
+</svelte:head>
+
+<Foo bind:bar />
diff --git a/packages/svelte/test/server-side-rendering/ssr-1.test.js b/packages/svelte/test/server-side-rendering/ssr-1.test.js
index 43732e8eb7..5a6e3c3661 100644
--- a/packages/svelte/test/server-side-rendering/ssr-1.test.js
+++ b/packages/svelte/test/server-side-rendering/ssr-1.test.js
@@ -28,17 +28,17 @@ describe('ssr', async () => {
 		it_fn(dir, async () => {
 			dir = path.resolve(`${__dirname}/samples`, dir);
 
-			const compileOptions = {
+			const compile_options = {
 				...config.compileOptions,
 				generate: 'ssr'
 			};
 
-			const load = create_loader(compileOptions, dir);
+			const load = create_loader(compile_options, dir);
 
 			const Component = (await load(`${dir}/main.svelte`)).default;
 
-			const expectedHtml = try_read_file(`${dir}/_expected.html`);
-			const expectedCss = try_read_file(`${dir}/_expected.css`) || '';
+			const expected_html = try_read_file(`${dir}/_expected.html`);
+			const expected_css = try_read_file(`${dir}/_expected.css`) || '';
 
 			const props = try_load_json(`${dir}/data.json`) || undefined;
 
@@ -49,8 +49,8 @@ describe('ssr', async () => {
 			if (css.code) fs.writeFileSync(`${dir}/_actual.css`, css.code);
 
 			try {
-				assert_html_equal_with_options(html, expectedHtml, {
-					preserveComments: compileOptions.preserveComments,
+				assert_html_equal_with_options(html, expected_html, {
+					preserveComments: compile_options.preserveComments,
 					withoutNormalizeHtml: config.withoutNormalizeHtml
 				});
 			} catch (error) {
@@ -66,7 +66,7 @@ describe('ssr', async () => {
 			try {
 				assert.equal(
 					css.code.trim().replace(/[\r\n]/g, ''),
-					expectedCss.trim().replace(/[\r\n]/g, '')
+					expected_css.trim().replace(/[\r\n]/g, '')
 				);
 			} catch (error) {
 				if (should_update_expected()) {
@@ -86,7 +86,7 @@ describe('ssr', async () => {
 						head,
 						fs.readFileSync(`${dir}/_expected-head.html`, 'utf-8'),
 						{
-							preserveComments: compileOptions.hydratable
+							preserveComments: compile_options.hydratable
 						}
 					);
 				} catch (error) {
diff --git a/packages/svelte/test/server-side-rendering/ssr-2.test.js b/packages/svelte/test/server-side-rendering/ssr-2.test.js
index f24edfc2c7..3b72a3fabe 100644
--- a/packages/svelte/test/server-side-rendering/ssr-2.test.js
+++ b/packages/svelte/test/server-side-rendering/ssr-2.test.js
@@ -31,12 +31,12 @@ function run_runtime_samples(suite) {
 		const it_fn = config.skip ? it.skip : solo ? it.only : it;
 
 		it_fn(dir, async () => {
-			const compileOptions = {
+			const compile_options = {
 				...config.compileOptions,
 				generate: 'ssr'
 			};
 
-			const load = create_loader(compileOptions, cwd);
+			const load = create_loader(compile_options, cwd);
 
 			try {
 				if (config.before_test) config.before_test();
@@ -48,12 +48,12 @@ function run_runtime_samples(suite) {
 
 				if (config.ssrHtml) {
 					assert_html_equal_with_options(html, config.ssrHtml, {
-						preserveComments: compileOptions.preserveComments,
+						preserveComments: compile_options.preserveComments,
 						withoutNormalizeHtml: config.withoutNormalizeHtml
 					});
 				} else if (config.html) {
 					assert_html_equal_with_options(html, config.html, {
-						preserveComments: compileOptions.preserveComments,
+						preserveComments: compile_options.preserveComments,
 						withoutNormalizeHtml: config.withoutNormalizeHtml
 					});
 				}
@@ -93,7 +93,7 @@ function run_runtime_samples(suite) {
 						mkdirp(dir);
 
 						const { js } = compile(fs.readFileSync(`${cwd}/${file}`, 'utf-8'), {
-							...compileOptions,
+							...compile_options,
 							filename: file
 						});
 
diff --git a/packages/svelte/test/sourcemaps/samples/compile-option-dev/test.js b/packages/svelte/test/sourcemaps/samples/compile-option-dev/test.js
index f0425495d5..4434254d39 100644
--- a/packages/svelte/test/sourcemaps/samples/compile-option-dev/test.js
+++ b/packages/svelte/test/sourcemaps/samples/compile-option-dev/test.js
@@ -10,29 +10,26 @@ export async function test({ assert, css, js }) {
 
 	assert.notEqual(match, null);
 
-	const [mimeType, encoding, cssMapBase64] = match.slice(2);
-	assert.equal(mimeType, 'application/json');
+	const [mime_type, encoding, css_map_base64] = match.slice(2);
+	assert.equal(mime_type, 'application/json');
 	assert.equal(encoding, 'utf-8');
 
-	const cssMapJson = b64dec(cssMapBase64);
-	css.mapConsumer = await new SourceMapConsumer(cssMapJson);
+	const css_map_json = b64dec(css_map_base64);
+	css.mapConsumer = await new SourceMapConsumer(css_map_json);
 
 	// TODO make util fn + move to test index.js
 	const sourcefile = 'input.svelte';
 	[
 		// TODO: get line and col num from input.svelte rather than hardcoding here
-		[css, '--keep-me', 13, 2],
-		// TODO: these should be 7, 2 and 10, 2
-		// we use locate_1 which means lines are 1-indexed and cols are 0-indexed
-		// each tab is 1 col
-		[css, '--done-replace-once', 6, 4],
-		[css, '--done-replace-twice', 9, 4]
-	].forEach(([where, content, line, column]) => {
+		[css, '--keep-me', null, 13, 2],
+		[css, '--done-replace-once', '--replace-me-once', 7, 2],
+		[css, '--done-replace-twice', '--replace-me-twice', 10, 2]
+	].forEach(([where, content, name, line, column]) => {
 		assert.deepEqual(
 			where.mapConsumer.originalPositionFor(where.locate_1(content)),
 			{
 				source: sourcefile,
-				name: null,
+				name,
 				line,
 				column
 			},
diff --git a/packages/svelte/test/sourcemaps/samples/each-block/test.js b/packages/svelte/test/sourcemaps/samples/each-block/test.js
index 08b37686a4..7a811a0748 100644
--- a/packages/svelte/test/sourcemaps/samples/each-block/test.js
+++ b/packages/svelte/test/sourcemaps/samples/each-block/test.js
@@ -1,8 +1,8 @@
 export function test({ assert, input, js }) {
-	const startIndex = js.code.indexOf('create_main_fragment');
+	const start_index = js.code.indexOf('create_main_fragment');
 
 	const expected = input.locate('each');
-	const start = js.locate('length', startIndex);
+	const start = js.locate('length', start_index);
 
 	const actual = js.mapConsumer.originalPositionFor({
 		line: start.line + 1,
diff --git a/packages/svelte/test/sourcemaps/samples/preprocessed-markup/test.js b/packages/svelte/test/sourcemaps/samples/preprocessed-markup/test.js
index b587103969..2db7ab16a2 100644
--- a/packages/svelte/test/sourcemaps/samples/preprocessed-markup/test.js
+++ b/packages/svelte/test/sourcemaps/samples/preprocessed-markup/test.js
@@ -1,6 +1,6 @@
 export function test({ assert, input, js }) {
-	const expectedBar = input.locate('baritone.baz');
-	const expectedBaz = input.locate('.baz');
+	const expected_bar = input.locate('baritone.baz');
+	const expected_baz = input.locate('.baz');
 
 	let start = js.locate('bar.baz');
 
@@ -12,8 +12,8 @@ export function test({ assert, input, js }) {
 	assert.deepEqual(actualbar, {
 		source: 'input.svelte',
 		name: 'baritone',
-		line: expectedBar.line + 1,
-		column: expectedBar.column
+		line: expected_bar.line + 1,
+		column: expected_bar.column
 	});
 
 	start = js.locate('.baz');
@@ -26,7 +26,7 @@ export function test({ assert, input, js }) {
 	assert.deepEqual(actualbaz, {
 		source: 'input.svelte',
 		name: null,
-		line: expectedBaz.line + 1,
-		column: expectedBaz.column
+		line: expected_baz.line + 1,
+		column: expected_baz.column
 	});
 }
diff --git a/packages/svelte/test/sourcemaps/samples/preprocessed-multiple/test.js b/packages/svelte/test/sourcemaps/samples/preprocessed-multiple/test.js
index a0cfe1fa8a..996fabd721 100644
--- a/packages/svelte/test/sourcemaps/samples/preprocessed-multiple/test.js
+++ b/packages/svelte/test/sourcemaps/samples/preprocessed-multiple/test.js
@@ -1,6 +1,6 @@
 export function test({ assert, input, js, css }) {
-	const expectedBar = input.locate('baritone');
-	const expectedBaz = input.locate('--bazitone');
+	const expected_bar = input.locate('baritone');
+	const expected_baz = input.locate('--bazitone');
 
 	let start = js.locate('bar');
 
@@ -12,8 +12,8 @@ export function test({ assert, input, js, css }) {
 	assert.deepEqual(actualbar, {
 		source: 'input.svelte',
 		name: 'baritone',
-		line: expectedBar.line + 1,
-		column: expectedBar.column
+		line: expected_bar.line + 1,
+		column: expected_bar.column
 	});
 
 	start = css.locate('--baz');
@@ -26,7 +26,7 @@ export function test({ assert, input, js, css }) {
 	assert.deepEqual(actualbaz, {
 		source: 'input.svelte',
 		name: '--bazitone',
-		line: expectedBaz.line + 1,
-		column: expectedBaz.column
+		line: expected_baz.line + 1,
+		column: expected_baz.column
 	});
 }
diff --git a/packages/svelte/test/sourcemaps/samples/preprocessed-script/test.js b/packages/svelte/test/sourcemaps/samples/preprocessed-script/test.js
index 5baed6f6fc..69b33f6194 100644
--- a/packages/svelte/test/sourcemaps/samples/preprocessed-script/test.js
+++ b/packages/svelte/test/sourcemaps/samples/preprocessed-script/test.js
@@ -1,6 +1,6 @@
 export function test({ assert, input, js }) {
-	const expectedBar = input.locate('baritone:');
-	const expectedBaz = input.locate('baz:');
+	const expected_bar = input.locate('baritone:');
+	const expected_baz = input.locate('baz:');
 
 	let start = js.locate('bar:');
 
@@ -14,8 +14,8 @@ export function test({ assert, input, js }) {
 		{
 			source: 'input.svelte',
 			name: 'baritone',
-			line: expectedBar.line + 1,
-			column: expectedBar.column
+			line: expected_bar.line + 1,
+			column: expected_bar.column
 		},
 		"couldn't find bar: in source"
 	);
@@ -32,8 +32,8 @@ export function test({ assert, input, js }) {
 		{
 			source: 'input.svelte',
 			name: null,
-			line: expectedBaz.line + 1,
-			column: expectedBaz.column
+			line: expected_baz.line + 1,
+			column: expected_baz.column
 		},
 		"couldn't find baz: in source"
 	);
diff --git a/packages/svelte/test/sourcemaps/samples/preprocessed-styles/test.js b/packages/svelte/test/sourcemaps/samples/preprocessed-styles/test.js
index bab59110bd..0daa8e91d4 100644
--- a/packages/svelte/test/sourcemaps/samples/preprocessed-styles/test.js
+++ b/packages/svelte/test/sourcemaps/samples/preprocessed-styles/test.js
@@ -1,6 +1,6 @@
 export function test({ assert, input, css }) {
-	const expectedBar = input.locate('--baritone');
-	const expectedBaz = input.locate('--baz');
+	const expected_bar = input.locate('--baritone');
+	const expected_baz = input.locate('--baz');
 
 	let start = css.locate('--bar');
 
@@ -14,8 +14,8 @@ export function test({ assert, input, css }) {
 		{
 			source: 'input.svelte',
 			name: null,
-			line: expectedBar.line + 1,
-			column: expectedBar.column
+			line: expected_bar.line + 1,
+			column: expected_bar.column
 		},
 		"couldn't find bar in source"
 	);
@@ -32,8 +32,8 @@ export function test({ assert, input, css }) {
 		{
 			source: 'input.svelte',
 			name: null,
-			line: expectedBaz.line + 1,
-			column: expectedBaz.column
+			line: expected_baz.line + 1,
+			column: expected_baz.column
 		},
 		"couldn't find baz in source"
 	);
diff --git a/packages/svelte/test/sourcemaps/samples/sourcemap-names/test.js b/packages/svelte/test/sourcemaps/samples/sourcemap-names/test.js
index 1265e959db..cbd70070d3 100644
--- a/packages/svelte/test/sourcemaps/samples/sourcemap-names/test.js
+++ b/packages/svelte/test/sourcemaps/samples/sourcemap-names/test.js
@@ -10,15 +10,15 @@ export function test({ assert, preprocessed, js, css }) {
 	function test_name(old_name, new_name, where) {
 		let loc = { character: -1 };
 		while ((loc = where.locate(new_name, loc.character + 1))) {
-			const actualMapping = where.mapConsumer.originalPositionFor({
+			const actual_mapping = where.mapConsumer.originalPositionFor({
 				line: loc.line + 1,
 				column: loc.column
 			});
-			if (actualMapping.line === null) {
+			if (actual_mapping.line === null) {
 				// location is not mapped - ignore
 				continue;
 			}
-			assert.equal(actualMapping.name, old_name);
+			assert.equal(actual_mapping.name, old_name);
 		}
 		if (loc === undefined) {
 			// workaround for bug in locate-character, TODO remove
diff --git a/packages/svelte/test/sourcemaps/sourcemaps.test.js b/packages/svelte/test/sourcemaps/sourcemaps.test.js
index d00ba0fc2d..d0b7093646 100644
--- a/packages/svelte/test/sourcemaps/sourcemaps.test.js
+++ b/packages/svelte/test/sourcemaps/sourcemaps.test.js
@@ -25,15 +25,15 @@ describe('sourcemaps', async () => {
 		it_fn(dir, async () => {
 			const { test } = await import(`./samples/${dir}/test.js`);
 
-			const inputFile = path.resolve(`${__dirname}/samples/${dir}/input.svelte`);
-			const outputName = '_actual';
-			const outputBase = path.resolve(`${__dirname}/samples/${dir}/${outputName}`);
+			const input_file = path.resolve(`${__dirname}/samples/${dir}/input.svelte`);
+			const output_name = '_actual';
+			const output_base = path.resolve(`${__dirname}/samples/${dir}/${output_name}`);
 
-			const inputCode = fs.readFileSync(inputFile, 'utf-8');
+			const input_code = fs.readFileSync(input_file, 'utf-8');
 			const input = {
-				code: inputCode,
-				locate: getLocator(inputCode),
-				locate_1: getLocator(inputCode, { offsetLine: 1 })
+				code: input_code,
+				locate: getLocator(input_code),
+				locate_1: getLocator(input_code, { offsetLine: 1 })
 			};
 			const preprocessed = await svelte.preprocess(
 				input.code,
@@ -46,8 +46,8 @@ describe('sourcemaps', async () => {
 				filename: 'input.svelte',
 				// filenames for sourcemaps
 				sourcemap: preprocessed.map,
-				outputFilename: `${outputName}.js`,
-				cssOutputFilename: `${outputName}.css`,
+				outputFilename: `${output_name}.js`,
+				cssOutputFilename: `${output_name}.css`,
 				...(config.compile_options || {})
 			});
 
@@ -55,22 +55,25 @@ describe('sourcemaps', async () => {
 				match.replace(/\d/g, 'x')
 			);
 
-			fs.writeFileSync(`${outputBase}.svelte`, preprocessed.code);
+			fs.writeFileSync(`${output_base}.svelte`, preprocessed.code);
 			if (preprocessed.map) {
 				fs.writeFileSync(
-					`${outputBase}.svelte.map`,
+					`${output_base}.svelte.map`,
 					// TODO encode mappings for output - svelte.preprocess returns decoded mappings
 					JSON.stringify(preprocessed.map, null, 2)
 				);
 			}
-			fs.writeFileSync(`${outputBase}.js`, `${js.code}\n//# sourceMappingURL=${outputName}.js.map`);
-			fs.writeFileSync(`${outputBase}.js.map`, JSON.stringify(js.map, null, 2));
+			fs.writeFileSync(
+				`${output_base}.js`,
+				`${js.code}\n//# sourceMappingURL=${output_name}.js.map`
+			);
+			fs.writeFileSync(`${output_base}.js.map`, JSON.stringify(js.map, null, 2));
 			if (css.code) {
 				fs.writeFileSync(
-					`${outputBase}.css`,
-					`${css.code}\n/*# sourceMappingURL=${outputName}.css.map */`
+					`${output_base}.css`,
+					`${css.code}\n/*# sourceMappingURL=${output_name}.css.map */`
 				);
-				fs.writeFileSync(`${outputBase}.css.map`, JSON.stringify(css.map, null, '  '));
+				fs.writeFileSync(`${output_base}.css.map`, JSON.stringify(css.map, null, '  '));
 			}
 
 			if (js.map) {
diff --git a/packages/svelte/test/stats/stats.test.js b/packages/svelte/test/stats/stats.test.js
index 4abb771c4c..bebd2b7ebd 100644
--- a/packages/svelte/test/stats/stats.test.js
+++ b/packages/svelte/test/stats/stats.test.js
@@ -17,7 +17,7 @@ describe('stats', () => {
 			const filename = `${__dirname}/samples/${dir}/input.svelte`;
 			const input = fs.readFileSync(filename, 'utf-8').replace(/\s+$/, '');
 
-			const expectedError = try_load_json(`${__dirname}/samples/${dir}/error.json`);
+			const expected_error = try_load_json(`${__dirname}/samples/${dir}/error.json`);
 
 			let result;
 			let error;
@@ -29,19 +29,19 @@ describe('stats', () => {
 				error = e;
 			}
 
-			if (error || expectedError) {
-				if (error && !expectedError) {
+			if (error || expected_error) {
+				if (error && !expected_error) {
 					throw error;
 				}
 
-				if (expectedError && !error) {
-					throw new Error(`Expected an error: ${expectedError.message}`);
+				if (expected_error && !error) {
+					throw new Error(`Expected an error: ${expected_error.message}`);
 				}
 
-				assert.equal(error.message, expectedError.message);
-				assert.deepEqual(error.start, expectedError.start);
-				assert.deepEqual(error.end, expectedError.end);
-				assert.equal(error.pos, expectedError.pos);
+				assert.equal(error.message, expected_error.message);
+				assert.deepEqual(error.start, expected_error.start);
+				assert.deepEqual(error.end, expected_error.end);
+				assert.equal(error.pos, expected_error.pos);
 			}
 		});
 	});
diff --git a/packages/svelte/test/store/store.test.js b/packages/svelte/test/store/store.test.js
index 1f7d90e50c..82b284de00 100644
--- a/packages/svelte/test/store/store.test.js
+++ b/packages/svelte/test/store/store.test.js
@@ -293,7 +293,7 @@ describe('store', () => {
 
 		it('passes optional set and update functions', () => {
 			const number = writable(1);
-			const evensAndSquaresOf4 = derived(
+			const evens_and_squares_of4 = derived(
 				number,
 				(n, set, update) => {
 					if (n % 2 === 0) set(n);
@@ -304,7 +304,7 @@ describe('store', () => {
 
 			const values = [];
 
-			const unsubscribe = evensAndSquaresOf4.subscribe((value) => {
+			const unsubscribe = evens_and_squares_of4.subscribe((value) => {
 				values.push(value);
 			});
 
@@ -542,18 +542,18 @@ describe('store', () => {
 
 	describe('readonly', () => {
 		it('makes a store readonly', () => {
-			const writableStore = writable(1);
-			const readableStore = readonly(writableStore);
+			const writable_store = writable(1);
+			const readable_store = readonly(writable_store);
 
-			assert.equal(get(readableStore), get(writableStore));
+			assert.equal(get(readable_store), get(writable_store));
 
-			writableStore.set(2);
+			writable_store.set(2);
 
-			assert.equal(get(readableStore), 2);
-			assert.equal(get(readableStore), get(writableStore));
+			assert.equal(get(readable_store), 2);
+			assert.equal(get(readable_store), get(writable_store));
 
 			// @ts-ignore
-			assert.throws(() => readableStore.set(3));
+			assert.throws(() => readable_store.set(3));
 		});
 	});
 });
diff --git a/packages/svelte/test/tsconfig.json b/packages/svelte/test/tsconfig.json
index c5f45fe821..71b9d4c6dd 100644
--- a/packages/svelte/test/tsconfig.json
+++ b/packages/svelte/test/tsconfig.json
@@ -1,15 +1,10 @@
 {
 	"extends": "../tsconfig.json",
-	"include": ["."],
 	"exclude": ["./**/_output/**/*"],
 
 	"compilerOptions": {
 		"allowJs": true,
 		"checkJs": true,
-		"noEmit": true,
-		"paths": {
-			"svelte": [".."],
-			"svelte/*": ["../*"]
-		}
+		"noEmit": true
 	}
 }
diff --git a/packages/svelte/test/validator/samples/no-missing-declarations-for-same-node-let-variable/input.svelte b/packages/svelte/test/validator/samples/no-missing-declarations-for-same-node-let-variable/input.svelte
new file mode 100644
index 0000000000..c3c3319309
--- /dev/null
+++ b/packages/svelte/test/validator/samples/no-missing-declarations-for-same-node-let-variable/input.svelte
@@ -0,0 +1,7 @@
+<script>
+	import Bla from './Bla.svelte';
+</script>
+
+<Bla>
+	<button slot="foo" class:bar on:click={clickFn} let:bar let:clickFn>{bar}</button>
+</Bla>
diff --git a/packages/svelte/test/validator/samples/no-missing-declarations-for-same-node-let-variable/warnings.json b/packages/svelte/test/validator/samples/no-missing-declarations-for-same-node-let-variable/warnings.json
new file mode 100644
index 0000000000..fe51488c70
--- /dev/null
+++ b/packages/svelte/test/validator/samples/no-missing-declarations-for-same-node-let-variable/warnings.json
@@ -0,0 +1 @@
+[]
diff --git a/packages/svelte/test/vars/vars.test.js b/packages/svelte/test/vars/vars.test.js
index 9e786377ac..3cbcb964f1 100644
--- a/packages/svelte/test/vars/vars.test.js
+++ b/packages/svelte/test/vars/vars.test.js
@@ -20,7 +20,7 @@ describe('vars', () => {
 				.trimEnd()
 				.replace(/\r/g, '');
 
-			const expectedError = try_load_json(`${__dirname}/samples/${dir}/error.json`);
+			const expected_error = try_load_json(`${__dirname}/samples/${dir}/error.json`);
 
 			/**
 			 * @type {{ options: any, test: (assert: typeof import('vitest').assert, vars: any[]) => void }}}
@@ -31,19 +31,19 @@ describe('vars', () => {
 				const { vars } = compile(input, { ...options, generate });
 				test(assert, vars);
 			} catch (error) {
-				if (expectedError) {
-					assert.equal(error.message, expectedError.message);
-					assert.deepEqual(error.start, expectedError.start);
-					assert.deepEqual(error.end, expectedError.end);
-					assert.equal(error.pos, expectedError.pos);
+				if (expected_error) {
+					assert.equal(error.message, expected_error.message);
+					assert.deepEqual(error.start, expected_error.start);
+					assert.deepEqual(error.end, expected_error.end);
+					assert.equal(error.pos, expected_error.pos);
 					return;
 				} else {
 					throw error;
 				}
 			}
 
-			if (expectedError) {
-				assert.fail(`Expected an error: ${JSON.stringify(expectedError)}`);
+			if (expected_error) {
+				assert.fail(`Expected an error: ${JSON.stringify(expected_error)}`);
 			}
 		});
 	});
diff --git a/packages/playground/.gitignore b/playgrounds/basic/.gitignore
similarity index 100%
rename from packages/playground/.gitignore
rename to playgrounds/basic/.gitignore
diff --git a/packages/playground/README.md b/playgrounds/basic/README.md
similarity index 100%
rename from packages/playground/README.md
rename to playgrounds/basic/README.md
diff --git a/packages/playground/compile.js b/playgrounds/basic/compile.js
similarity index 63%
rename from packages/playground/compile.js
rename to playgrounds/basic/compile.js
index 8b6dac9f1a..4a2ae6ba8e 100644
--- a/packages/playground/compile.js
+++ b/playgrounds/basic/compile.js
@@ -1,5 +1,5 @@
 import { readFileSync } from 'node:fs';
-import { compile } from '../svelte/src/compiler/index.js';
+import { compile } from '../../packages/svelte/src/compiler/index.js';
 
 const code = readFileSync('src/App.svelte', 'utf8');
 
diff --git a/packages/playground/jsconfig.json b/playgrounds/basic/jsconfig.json
similarity index 100%
rename from packages/playground/jsconfig.json
rename to playgrounds/basic/jsconfig.json
diff --git a/packages/playground/package.json b/playgrounds/basic/package.json
similarity index 100%
rename from packages/playground/package.json
rename to playgrounds/basic/package.json
diff --git a/packages/playground/src/App.svelte b/playgrounds/basic/src/App.svelte
similarity index 100%
rename from packages/playground/src/App.svelte
rename to playgrounds/basic/src/App.svelte
diff --git a/packages/playground/src/entry-client.js b/playgrounds/basic/src/entry-client.js
similarity index 100%
rename from packages/playground/src/entry-client.js
rename to playgrounds/basic/src/entry-client.js
diff --git a/packages/playground/src/entry-server.js b/playgrounds/basic/src/entry-server.js
similarity index 100%
rename from packages/playground/src/entry-server.js
rename to playgrounds/basic/src/entry-server.js
diff --git a/packages/playground/src/lib/Counter.svelte b/playgrounds/basic/src/lib/Counter.svelte
similarity index 100%
rename from packages/playground/src/lib/Counter.svelte
rename to playgrounds/basic/src/lib/Counter.svelte
diff --git a/packages/playground/src/template.html b/playgrounds/basic/src/template.html
similarity index 100%
rename from packages/playground/src/template.html
rename to playgrounds/basic/src/template.html
diff --git a/packages/playground/start.js b/playgrounds/basic/start.js
similarity index 84%
rename from packages/playground/start.js
rename to playgrounds/basic/start.js
index af37a40e26..6cdcfb623a 100644
--- a/packages/playground/start.js
+++ b/playgrounds/basic/start.js
@@ -3,9 +3,10 @@ import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { watch } from 'rollup';
 import serve from 'rollup-plugin-serve';
-import * as svelte from '../svelte/src/compiler/index.js';
+import * as svelte from '../../packages/svelte/src/compiler/index.js';
 
 const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const runtime_path = path.resolve(__dirname, '../../packages/svelte/src/runtime');
 
 /** @returns {import('rollup').Plugin}*/
 function create_plugin(ssr = false) {
@@ -13,12 +14,9 @@ function create_plugin(ssr = false) {
 		name: 'custom-svelte-ssr-' + ssr,
 		resolveId(id) {
 			if (id === 'svelte') {
-				return path.resolve(
-					__dirname,
-					ssr ? '../svelte/src/runtime/ssr.js' : '../svelte/src/runtime/index.js'
-				);
+				return path.resolve(runtime_path, ssr ? 'ssr.js' : 'index.js');
 			} else if (id.startsWith('svelte/')) {
-				return path.resolve(__dirname, `../svelte/src/runtime/${id.slice(7)}/index.js`);
+				return path.resolve(runtime_path, `${id.slice(7)}/index.js`);
 			}
 		},
 		transform(code, id) {
@@ -69,11 +67,12 @@ const watcher = watch([
 				async generateBundle(_, bundle) {
 					const result = bundle['entry-server.js'];
 					const mod = (0, eval)(result.code);
-					const { html } = mod.render();
+					const { html, head } = mod.render();
 
 					writeFileSync(
 						'dist/index.html',
 						readFileSync('src/template.html', 'utf-8')
+							.replace('<!--app-head-->', head)
 							.replace('<!--app-html-->', html)
 							.replace('<!--app-title-->', svelte.VERSION)
 					);
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a63b35d859..9ec354556d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,7 +16,7 @@ importers:
         version: 1.1.0
       '@typescript-eslint/eslint-plugin':
         specifier: ^5.60.0
-        version: 5.60.0(@typescript-eslint/parser@5.62.0)(eslint@8.44.0)(typescript@5.1.6)
+        version: 5.60.0(@typescript-eslint/parser@5.62.0)(eslint@8.44.0)(typescript@5.2.2)
       eslint:
         specifier: ^8.44.0
         version: 8.44.0
@@ -36,18 +36,6 @@ importers:
         specifier: ^2.10.1
         version: 2.10.1(prettier@2.8.8)(svelte@packages+svelte)
 
-  packages/playground:
-    devDependencies:
-      rollup:
-        specifier: ^3.25.1
-        version: 3.25.1
-      rollup-plugin-serve:
-        specifier: ^2.0.2
-        version: 2.0.2
-      svelte:
-        specifier: workspace:*
-        version: link:../svelte
-
   packages/svelte:
     dependencies:
       '@ampproject/remapping':
@@ -84,8 +72,8 @@ importers:
         specifier: ^3.0.0
         version: 3.0.0
       magic-string:
-        specifier: ^0.30.0
-        version: 0.30.0
+        specifier: ^0.30.4
+        version: 0.30.4
       periscopic:
         specifier: ^3.1.0
         version: 3.1.0
@@ -104,7 +92,7 @@ importers:
         version: 15.1.0(rollup@3.26.2)
       '@sveltejs/eslint-config':
         specifier: ^6.0.4
-        version: 6.0.4(@typescript-eslint/eslint-plugin@5.60.0)(@typescript-eslint/parser@6.2.1)(eslint-config-prettier@8.10.0)(eslint-plugin-svelte@2.32.4)(eslint-plugin-unicorn@47.0.0)(eslint@8.46.0)(typescript@5.1.3)
+        version: 6.0.4(@typescript-eslint/eslint-plugin@5.60.0)(@typescript-eslint/parser@6.8.0)(eslint-config-prettier@9.0.0)(eslint-plugin-svelte@2.34.0)(eslint-plugin-unicorn@47.0.0)(eslint@8.51.0)(typescript@5.1.3)
       '@types/aria-query':
         specifier: ^5.0.1
         version: 5.0.1
@@ -123,12 +111,15 @@ importers:
       esbuild:
         specifier: ^0.18.11
         version: 0.18.11
+      eslint-plugin-lube:
+        specifier: ^0.1.7
+        version: 0.1.7
       happy-dom:
         specifier: ^9.20.3
         version: 9.20.3
       jsdom:
-        specifier: ^21.1.2
-        version: 21.1.2
+        specifier: 22.0.0
+        version: 22.0.0
       kleur:
         specifier: ^4.1.5
         version: 4.1.5
@@ -146,7 +137,19 @@ importers:
         version: 5.1.3
       vitest:
         specifier: ^0.33.0
-        version: 0.33.0(happy-dom@9.20.3)(jsdom@21.1.2)(playwright@1.35.1)
+        version: 0.33.0(happy-dom@9.20.3)(jsdom@22.0.0)(playwright@1.35.1)
+
+  playgrounds/basic:
+    devDependencies:
+      rollup:
+        specifier: ^3.25.1
+        version: 3.26.2
+      rollup-plugin-serve:
+        specifier: ^2.0.2
+        version: 2.0.2
+      svelte:
+        specifier: workspace:*
+        version: link:../../packages/svelte
 
   sites/svelte.dev:
     dependencies:
@@ -154,11 +157,11 @@ importers:
         specifier: ^1.4.15
         version: 1.4.15
       '@supabase/supabase-js':
-        specifier: ^2.31.0
-        version: 2.31.0
+        specifier: ^2.33.2
+        version: 2.33.2
       '@sveltejs/repl':
-        specifier: 0.5.0
-        version: 0.5.0(@codemirror/lang-html@6.4.5)(@codemirror/search@6.5.0)(@lezer/common@1.0.3)(@lezer/javascript@1.4.5)(@lezer/lr@1.3.9)(@sveltejs/kit@1.22.4)(svelte@packages+svelte)
+        specifier: 0.6.0
+        version: 0.6.0(@codemirror/lang-html@6.4.6)(@codemirror/search@6.5.4)(@lezer/common@1.1.0)(@lezer/javascript@1.4.8)(@lezer/lr@1.3.13)(@sveltejs/kit@1.25.0)(svelte@packages+svelte)
       cookie:
         specifier: ^0.5.0
         version: 0.5.0
@@ -180,22 +183,22 @@ importers:
         version: 2.4.1
       '@sveltejs/adapter-vercel':
         specifier: ^3.0.3
-        version: 3.0.3(@sveltejs/kit@1.22.4)
+        version: 3.0.3(@sveltejs/kit@1.25.0)
       '@sveltejs/kit':
-        specifier: ^1.22.4
-        version: 1.22.4(svelte@packages+svelte)(vite@4.4.8)
+        specifier: ^1.24.1
+        version: 1.25.0(svelte@packages+svelte)(vite@4.4.9)
       '@sveltejs/site-kit':
-        specifier: 6.0.0-next.25
-        version: 6.0.0-next.25(@sveltejs/kit@1.22.4)(svelte@packages+svelte)
+        specifier: 6.0.0-next.50
+        version: 6.0.0-next.50(@sveltejs/kit@1.25.0)(svelte@packages+svelte)
       '@sveltejs/vite-plugin-svelte':
-        specifier: ^2.4.3
-        version: 2.4.3(svelte@packages+svelte)(vite@4.4.8)
+        specifier: ^2.4.6
+        version: 2.4.6(svelte@packages+svelte)(vite@4.4.9)
       '@types/cookie':
-        specifier: ^0.5.1
-        version: 0.5.1
+        specifier: ^0.5.2
+        version: 0.5.2
       '@types/node':
-        specifier: ^20.4.7
-        version: 20.4.7
+        specifier: ^20.5.9
+        version: 20.6.1
       browserslist:
         specifier: ^4.21.10
         version: 4.21.10
@@ -209,26 +212,26 @@ importers:
         specifier: ^0.22.10
         version: 0.22.10
       lightningcss:
-        specifier: ^1.21.5
-        version: 1.21.5
+        specifier: ^1.21.8
+        version: 1.21.8
       magic-string:
-        specifier: ^0.30.2
-        version: 0.30.2
+        specifier: ^0.30.3
+        version: 0.30.3
       marked:
-        specifier: ^6.0.0
-        version: 6.0.0
+        specifier: ^9.0.0
+        version: 9.0.0
       prettier:
-        specifier: ^3.0.1
-        version: 3.0.1
+        specifier: ^3.0.3
+        version: 3.0.3
       prettier-plugin-svelte:
         specifier: ^3.0.3
-        version: 3.0.3(prettier@3.0.1)(svelte@packages+svelte)
+        version: 3.0.3(prettier@3.0.3)(svelte@packages+svelte)
       sass:
-        specifier: ^1.64.2
-        version: 1.64.2
+        specifier: ^1.67.0
+        version: 1.67.0
       satori:
-        specifier: ^0.10.2
-        version: 0.10.2
+        specifier: ^0.10.4
+        version: 0.10.4
       satori-html:
         specifier: ^0.3.2
         version: 0.3.2
@@ -236,32 +239,32 @@ importers:
         specifier: ^0.8.5
         version: 0.8.5
       shiki:
-        specifier: ^0.14.3
-        version: 0.14.3
+        specifier: ^0.14.4
+        version: 0.14.4
       shiki-twoslash:
         specifier: ^3.1.2
-        version: 3.1.2(typescript@5.1.6)
+        version: 3.1.2(typescript@5.2.2)
       svelte:
         specifier: workspace:*
         version: link:../../packages/svelte
       svelte-check:
-        specifier: ^3.4.6
-        version: 3.4.6(postcss@8.4.24)(sass@1.64.2)(svelte@packages+svelte)
+        specifier: ^3.5.1
+        version: 3.5.1(postcss@8.4.31)(sass@1.67.0)(svelte@packages+svelte)
       svelte-preprocess:
         specifier: ^5.0.4
-        version: 5.0.4(postcss@8.4.24)(sass@1.64.2)(svelte@packages+svelte)(typescript@5.1.6)
+        version: 5.0.4(postcss@8.4.31)(sass@1.67.0)(svelte@packages+svelte)(typescript@5.2.2)
       tiny-glob:
         specifier: ^0.2.9
         version: 0.2.9
       typescript:
-        specifier: ^5.1.6
-        version: 5.1.6
+        specifier: ^5.2.2
+        version: 5.2.2
       vite:
-        specifier: ^4.4.8
-        version: 4.4.8(@types/node@20.4.7)(lightningcss@1.21.5)(sass@1.64.2)
+        specifier: ^4.4.9
+        version: 4.4.9(@types/node@20.6.1)(lightningcss@1.21.8)(sass@1.67.0)
       vite-imagetools:
-        specifier: ^5.0.7
-        version: 5.0.7
+        specifier: ^5.0.8
+        version: 5.0.8
 
 packages:
 
@@ -321,7 +324,7 @@ packages:
       outdent: 0.5.0
       prettier: 2.8.8
       resolve-from: 5.0.0
-      semver: 5.7.1
+      semver: 5.7.2
     dev: true
 
   /@changesets/assemble-release-plan@5.2.3:
@@ -332,7 +335,7 @@ packages:
       '@changesets/get-dependents-graph': 1.3.5
       '@changesets/types': 5.2.1
       '@manypkg/get-packages': 1.1.3
-      semver: 5.7.1
+      semver: 5.7.2
     dev: true
 
   /@changesets/changelog-git@0.1.14:
@@ -374,7 +377,7 @@ packages:
       p-limit: 2.3.0
       preferred-pm: 3.0.3
       resolve-from: 5.0.0
-      semver: 5.7.1
+      semver: 5.7.2
       spawndamnit: 2.0.0
       term-size: 2.2.1
       tty-table: 4.2.1
@@ -405,7 +408,7 @@ packages:
       '@manypkg/get-packages': 1.1.3
       chalk: 2.4.2
       fs-extra: 7.0.1
-      semver: 5.7.1
+      semver: 5.7.2
     dev: true
 
   /@changesets/get-github-info@0.5.2:
@@ -499,122 +502,122 @@ packages:
       prettier: 2.8.8
     dev: true
 
-  /@codemirror/autocomplete@6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3):
-    resolution: {integrity: sha512-HpphvDcTdOx+9R3eUw9hZK9JA77jlaBF0kOt2McbyfvY0rX9pnMoO8rkkZc0GzSbzhIY4m5xJ0uHHgjfqHNmXQ==}
+  /@codemirror/autocomplete@6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0):
+    resolution: {integrity: sha512-3dCL7b0j2GdtZzWN5j7HDpRAJ26ip07R4NGYz7QYthIYMiX8I4E4TNrYcdTayPJGeVQtd/xe7lWU4XL7THFb/w==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
       '@codemirror/state': ^6.0.0
       '@codemirror/view': ^6.0.0
       '@lezer/common': ^1.0.0
     dependencies:
-      '@codemirror/language': 6.8.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
+      '@codemirror/language': 6.9.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
     dev: false
 
-  /@codemirror/commands@6.2.4:
-    resolution: {integrity: sha512-42lmDqVH0ttfilLShReLXsDfASKLXzfyC36bzwcqzox9PlHulMcsUOfHXNo2X2aFMVNUoQ7j+d4q5bnfseYoOA==}
+  /@codemirror/commands@6.3.0:
+    resolution: {integrity: sha512-tFfcxRIlOWiQDFhjBSWJ10MxcvbCIsRr6V64SgrcaY0MwNk32cUOcCuNlWo8VjV4qRQCgNgUAnIeo0svkk4R5Q==}
     dependencies:
-      '@codemirror/language': 6.8.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
+      '@codemirror/language': 6.9.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
     dev: false
 
-  /@codemirror/lang-css@6.2.0(@codemirror/view@6.14.1):
-    resolution: {integrity: sha512-oyIdJM29AyRPM3+PPq1I2oIk8NpUfEN3kAM05XWDDs6o3gSneIKaVJifT2P+fqONLou2uIgXynFyMUDQvo/szA==}
+  /@codemirror/lang-css@6.2.1(@codemirror/view@6.21.3):
+    resolution: {integrity: sha512-/UNWDNV5Viwi/1lpr/dIXJNWiwDxpw13I4pTUAsNxZdg6E0mI2kTQb0P2iHczg1Tu+H4EBgJR+hYhKiHKko7qg==}
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/language': 6.8.0
-      '@codemirror/state': 6.2.1
-      '@lezer/common': 1.0.3
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/language': 6.9.1
+      '@codemirror/state': 6.3.1
+      '@lezer/common': 1.1.0
       '@lezer/css': 1.1.3
     transitivePeerDependencies:
       - '@codemirror/view'
     dev: false
 
-  /@codemirror/lang-html@6.4.5:
-    resolution: {integrity: sha512-dUCSxkIw2G+chaUfw3Gfu5kkN83vJQN8gfQDp9iEHsIZluMJA0YJveT12zg/28BJx+uPsbQ6VimKCgx3oJrZxA==}
+  /@codemirror/lang-html@6.4.6:
+    resolution: {integrity: sha512-E4C8CVupBksXvgLSme/zv31x91g06eZHSph7NczVxZW+/K+3XgJGWNT//2WLzaKSBoxpAjaOi5ZnPU1SHhjh3A==}
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/lang-css': 6.2.0(@codemirror/view@6.14.1)
-      '@codemirror/lang-javascript': 6.1.9
-      '@codemirror/language': 6.8.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.21.3)
+      '@codemirror/lang-javascript': 6.2.1
+      '@codemirror/language': 6.9.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
       '@lezer/css': 1.1.3
       '@lezer/html': 1.3.6
     dev: false
 
-  /@codemirror/lang-javascript@6.1.9:
-    resolution: {integrity: sha512-z3jdkcqOEBT2txn2a87A0jSy6Te3679wg/U8QzMeftFt+4KA6QooMwfdFzJiuC3L6fXKfTXZcDocoaxMYfGz0w==}
+  /@codemirror/lang-javascript@6.2.1:
+    resolution: {integrity: sha512-jlFOXTejVyiQCW3EQwvKH0m99bUYIw40oPmFjSX2VS78yzfe0HELZ+NEo9Yfo1MkGRpGlj3Gnu4rdxV1EnAs5A==}
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/language': 6.8.0
-      '@codemirror/lint': 6.4.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
-      '@lezer/javascript': 1.4.4
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/language': 6.9.1
+      '@codemirror/lint': 6.4.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
+      '@lezer/javascript': 1.4.8
     dev: false
 
   /@codemirror/lang-json@6.0.1:
     resolution: {integrity: sha512-+T1flHdgpqDDlJZ2Lkil/rLiRy684WMLc74xUnjJH48GQdfJo/pudlTRreZmKwzP8/tGdKf83wlbAdOCzlJOGQ==}
     dependencies:
-      '@codemirror/language': 6.8.0
+      '@codemirror/language': 6.9.1
       '@lezer/json': 1.0.1
     dev: false
 
-  /@codemirror/lang-markdown@6.2.0:
-    resolution: {integrity: sha512-deKegEQVzfBAcLPqsJEa+IxotqPVwWZi90UOEvQbfa01NTAw8jNinrykuYPTULGUj+gha0ZG2HBsn4s5d64Qrg==}
+  /@codemirror/lang-markdown@6.2.2:
+    resolution: {integrity: sha512-wmwM9Y5n/e4ndU51KcYDaQnb9goYdhXjU71dDW9goOc1VUTIPph6WKAPdJ6BzC0ZFy+UTsDwTXGWSP370RH69Q==}
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/lang-html': 6.4.5
-      '@codemirror/language': 6.8.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
-      '@lezer/markdown': 1.0.5
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/lang-html': 6.4.6
+      '@codemirror/language': 6.9.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
+      '@lezer/markdown': 1.1.0
     dev: false
 
-  /@codemirror/language@6.8.0:
-    resolution: {integrity: sha512-r1paAyWOZkfY0RaYEZj3Kul+MiQTEbDvYqf8gPGaRvNneHXCmfSaAVFjwRUPlgxS8yflMxw2CTu6uCMp8R8A2g==}
+  /@codemirror/language@6.9.1:
+    resolution: {integrity: sha512-lWRP3Y9IUdOms6DXuBpoWwjkR7yRmnS0hKYCbSfPz9v6Em1A1UCRujAkDiCrdYfs1Z0Eu4dGtwovNPStIfkgNA==}
     dependencies:
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.9
-      style-mod: 4.0.3
+      '@lezer/lr': 1.3.13
+      style-mod: 4.1.0
     dev: false
 
-  /@codemirror/lint@6.4.0:
-    resolution: {integrity: sha512-6VZ44Ysh/Zn07xrGkdtNfmHCbGSHZzFBdzWi0pbd7chAQ/iUcpLGX99NYRZTa7Ugqg4kEHCqiHhcZnH0gLIgSg==}
+  /@codemirror/lint@6.4.2:
+    resolution: {integrity: sha512-wzRkluWb1ptPKdzlsrbwwjYCPLgzU6N88YBAmlZi8WFyuiEduSd05MnJYNogzyc8rPK7pj6m95ptUApc8sHKVA==}
     dependencies:
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
       crelt: 1.0.6
     dev: false
 
-  /@codemirror/search@6.5.0:
-    resolution: {integrity: sha512-64/M40YeJPToKvGO6p3fijo2vwUEj4nACEAXElCaYQ50HrXSvRaK+NHEhSh73WFBGdvIdhrV+lL9PdJy2RfCYA==}
+  /@codemirror/search@6.5.4:
+    resolution: {integrity: sha512-YoTrvjv9e8EbPs58opjZKyJ3ewFrVSUzQ/4WXlULQLSDDr1nGPJ67mMXFNNVYwdFhybzhrzrtqgHmtpJwIF+8g==}
     dependencies:
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
       crelt: 1.0.6
     dev: false
 
-  /@codemirror/state@6.2.1:
-    resolution: {integrity: sha512-RupHSZ8+OjNT38zU9fKH2sv+Dnlr8Eb8sl4NOnnqz95mCFTZUaiRP8Xv5MeeaG0px2b8Bnfe7YGwCV3nsBhbuw==}
+  /@codemirror/state@6.3.1:
+    resolution: {integrity: sha512-88e4HhMtKJyw6fKprGaN/yZfiaoGYOi2nM45YCUC6R/kex9sxFWBDGatS1vk4lMgnWmdIIB9tk8Gj1LmL8YfvA==}
     dev: false
 
-  /@codemirror/view@6.14.1:
-    resolution: {integrity: sha512-ofcsI7lRFo4N0rfnd+V3Gh2boQU3DmaaSKhDOvXUWjeOeuupMXer2e/3i9TUFN7aEIntv300EFBWPEiYVm2svg==}
+  /@codemirror/view@6.21.3:
+    resolution: {integrity: sha512-8l1aSQ6MygzL4Nx7GVYhucSXvW4jQd0F6Zm3v9Dg+6nZEfwzJVqi4C2zHfDljID+73gsQrWp9TgHc81xU15O4A==}
     dependencies:
-      '@codemirror/state': 6.2.1
-      style-mod: 4.0.3
+      '@codemirror/state': 6.3.1
+      style-mod: 4.1.0
       w3c-keyname: 2.2.8
     dev: false
 
@@ -633,6 +636,15 @@ packages:
     cpu: [arm64]
     os: [android]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm64@0.18.20:
+    resolution: {integrity: sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
   /@esbuild/android-arm@0.18.11:
@@ -650,6 +662,15 @@ packages:
     cpu: [arm]
     os: [android]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-arm@0.18.20:
+    resolution: {integrity: sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [android]
+    requiresBuild: true
     optional: true
 
   /@esbuild/android-x64@0.18.11:
@@ -667,6 +688,15 @@ packages:
     cpu: [x64]
     os: [android]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/android-x64@0.18.20:
+    resolution: {integrity: sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [android]
+    requiresBuild: true
     optional: true
 
   /@esbuild/darwin-arm64@0.18.11:
@@ -684,6 +714,15 @@ packages:
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-arm64@0.18.20:
+    resolution: {integrity: sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
   /@esbuild/darwin-x64@0.18.11:
@@ -701,6 +740,15 @@ packages:
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/darwin-x64@0.18.20:
+    resolution: {integrity: sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
   /@esbuild/freebsd-arm64@0.18.11:
@@ -718,6 +766,15 @@ packages:
     cpu: [arm64]
     os: [freebsd]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-arm64@0.18.20:
+    resolution: {integrity: sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [freebsd]
+    requiresBuild: true
     optional: true
 
   /@esbuild/freebsd-x64@0.18.11:
@@ -735,6 +792,15 @@ packages:
     cpu: [x64]
     os: [freebsd]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/freebsd-x64@0.18.20:
+    resolution: {integrity: sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-arm64@0.18.11:
@@ -752,6 +818,15 @@ packages:
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm64@0.18.20:
+    resolution: {integrity: sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-arm@0.18.11:
@@ -769,6 +844,15 @@ packages:
     cpu: [arm]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-arm@0.18.20:
+    resolution: {integrity: sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg==}
+    engines: {node: '>=12'}
+    cpu: [arm]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-ia32@0.18.11:
@@ -786,6 +870,15 @@ packages:
     cpu: [ia32]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ia32@0.18.20:
+    resolution: {integrity: sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-loong64@0.18.11:
@@ -803,6 +896,15 @@ packages:
     cpu: [loong64]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-loong64@0.18.20:
+    resolution: {integrity: sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg==}
+    engines: {node: '>=12'}
+    cpu: [loong64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-mips64el@0.18.11:
@@ -820,6 +922,15 @@ packages:
     cpu: [mips64el]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-mips64el@0.18.20:
+    resolution: {integrity: sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ==}
+    engines: {node: '>=12'}
+    cpu: [mips64el]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-ppc64@0.18.11:
@@ -837,6 +948,15 @@ packages:
     cpu: [ppc64]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-ppc64@0.18.20:
+    resolution: {integrity: sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA==}
+    engines: {node: '>=12'}
+    cpu: [ppc64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-riscv64@0.18.11:
@@ -854,6 +974,15 @@ packages:
     cpu: [riscv64]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-riscv64@0.18.20:
+    resolution: {integrity: sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A==}
+    engines: {node: '>=12'}
+    cpu: [riscv64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-s390x@0.18.11:
@@ -871,6 +1000,15 @@ packages:
     cpu: [s390x]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-s390x@0.18.20:
+    resolution: {integrity: sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ==}
+    engines: {node: '>=12'}
+    cpu: [s390x]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/linux-x64@0.18.11:
@@ -888,6 +1026,15 @@ packages:
     cpu: [x64]
     os: [linux]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/linux-x64@0.18.20:
+    resolution: {integrity: sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [linux]
+    requiresBuild: true
     optional: true
 
   /@esbuild/netbsd-x64@0.18.11:
@@ -905,6 +1052,15 @@ packages:
     cpu: [x64]
     os: [netbsd]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/netbsd-x64@0.18.20:
+    resolution: {integrity: sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [netbsd]
+    requiresBuild: true
     optional: true
 
   /@esbuild/openbsd-x64@0.18.11:
@@ -922,6 +1078,15 @@ packages:
     cpu: [x64]
     os: [openbsd]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/openbsd-x64@0.18.20:
+    resolution: {integrity: sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [openbsd]
+    requiresBuild: true
     optional: true
 
   /@esbuild/sunos-x64@0.18.11:
@@ -939,6 +1104,15 @@ packages:
     cpu: [x64]
     os: [sunos]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/sunos-x64@0.18.20:
+    resolution: {integrity: sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [sunos]
+    requiresBuild: true
     optional: true
 
   /@esbuild/win32-arm64@0.18.11:
@@ -956,6 +1130,15 @@ packages:
     cpu: [arm64]
     os: [win32]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-arm64@0.18.20:
+    resolution: {integrity: sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg==}
+    engines: {node: '>=12'}
+    cpu: [arm64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
   /@esbuild/win32-ia32@0.18.11:
@@ -973,6 +1156,15 @@ packages:
     cpu: [ia32]
     os: [win32]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-ia32@0.18.20:
+    resolution: {integrity: sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g==}
+    engines: {node: '>=12'}
+    cpu: [ia32]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
   /@esbuild/win32-x64@0.18.11:
@@ -990,6 +1182,15 @@ packages:
     cpu: [x64]
     os: [win32]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /@esbuild/win32-x64@0.18.20:
+    resolution: {integrity: sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ==}
+    engines: {node: '>=12'}
+    cpu: [x64]
+    os: [win32]
+    requiresBuild: true
     optional: true
 
   /@eslint-community/eslint-utils@4.4.0(eslint@8.44.0):
@@ -1002,13 +1203,13 @@ packages:
       eslint-visitor-keys: 3.4.1
     dev: true
 
-  /@eslint-community/eslint-utils@4.4.0(eslint@8.46.0):
+  /@eslint-community/eslint-utils@4.4.0(eslint@8.51.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: 8.46.0
+      eslint: 8.51.0
       eslint-visitor-keys: 3.4.1
     dev: true
 
@@ -1017,8 +1218,8 @@ packages:
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
-  /@eslint-community/regexpp@4.6.2:
-    resolution: {integrity: sha512-pPTNuaAG3QMH+buKyBIGJs3g/S5y0caxw0ygM3YyE6yJFySwiGGSzA+mM3KJ8QQvzeLh3blwgSonkFjgQdxzMw==}
+  /@eslint-community/regexpp@4.9.1:
+    resolution: {integrity: sha512-Y27x+MBLjXa+0JWDhykM3+JE+il3kHKAEqabfEWq3SDhZjLYb6/BHL/JKFnH3fe207JaXkyDo685Oc2Glt6ifA==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
     dev: true
 
@@ -1039,14 +1240,14 @@ packages:
       - supports-color
     dev: true
 
-  /@eslint/eslintrc@2.1.1:
-    resolution: {integrity: sha512-9t7ZA7NGGK8ckelF0PQCfcxIUzs1Md5rrO6U/c+FIQNanea5UZC0wqKXH4vHBccmu4ZJgZ2idtPeW7+Q2npOEA==}
+  /@eslint/eslintrc@2.1.2:
+    resolution: {integrity: sha512-+wvgpDsrB1YqAMdEUCcnTlpfVBH7Vqn6A/NT3D8WVXFIaKMlErPIZT3oCIAVCOtarRpMtelZLqJeU3t7WY6X6g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       ajv: 6.12.6
       debug: 4.3.4
       espree: 9.6.1
-      globals: 13.20.0
+      globals: 13.23.0
       ignore: 5.2.4
       import-fresh: 3.3.0
       js-yaml: 4.1.0
@@ -1061,8 +1262,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@eslint/js@8.46.0:
-    resolution: {integrity: sha512-a8TLtmPi8xzPkCbp/OGFUo5yhRkHM2Ko9kOWP4znJr0WAhWyThaw3PnwX4vOTWOAMsV2uRt32PPDcEz63esSaA==}
+  /@eslint/js@8.51.0:
+    resolution: {integrity: sha512-HxjQ8Qn+4SI3/AFv6sOrDB+g6PpUTDwSJiQqOrnneEk8L71161srI9gjzzZvYVbzHiVg/BvcH95+cK/zfIt4pg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -1077,6 +1278,17 @@ packages:
       - supports-color
     dev: true
 
+  /@humanwhocodes/config-array@0.11.11:
+    resolution: {integrity: sha512-N2brEuAadi0CcdeMXUkhbZB84eskAc8MEX1By6qEchoVywSgXPIjou4rYsl0V3Hj0ZnuGycGCjdNgockbzeWNA==}
+    engines: {node: '>=10.10.0'}
+    dependencies:
+      '@humanwhocodes/object-schema': 1.2.1
+      debug: 4.3.4
+      minimatch: 3.1.2
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
   /@humanwhocodes/module-importer@1.0.1:
     resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
     engines: {node: '>=12.22'}
@@ -1451,6 +1663,11 @@ packages:
     resolution: {integrity: sha512-F2msla3tad+Mfht5cJq7LSXcdudKTWCVYUgw6pLFOOHSTtZlj6SWNYAp+AhuqLmWdBO2X5hPrLcu8cVP8fy28w==}
     engines: {node: '>=6.0.0'}
 
+  /@jridgewell/resolve-uri@3.1.1:
+    resolution: {integrity: sha512-dSYZh7HhCDtCKm4QakX0xFpsRDqjjtZf/kjI/v3T3Nwt5r8/qz/M19F9ySyOqU94SXBmeG9ttTul+YnR4LOxFA==}
+    engines: {node: '>=6.0.0'}
+    dev: true
+
   /@jridgewell/set-array@1.1.2:
     resolution: {integrity: sha512-xnkseuNADM0gt2bs+BvhO0p78Mk762YnZdsuzFV018NoG1Sj1SCQvpSqa7XUaTam5vAGasABV9qXASMKnFMwMw==}
     engines: {node: '>=6.0.0'}
@@ -1474,62 +1691,62 @@ packages:
       '@jridgewell/resolve-uri': 3.1.0
       '@jridgewell/sourcemap-codec': 1.4.14
 
-  /@lezer/common@1.0.3:
-    resolution: {integrity: sha512-JH4wAXCgUOcCGNekQPLhVeUtIqjH0yPBs7vvUdSjyQama9618IOKFJwkv2kcqdhF0my8hQEgCTEJU0GIgnahvA==}
+  /@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
+    dev: true
+
+  /@lezer/common@1.1.0:
+    resolution: {integrity: sha512-XPIN3cYDXsoJI/oDWoR2tD++juVrhgIago9xyKhZ7IhGlzdDM9QgC8D8saKNCz5pindGcznFr2HBSsEQSWnSjw==}
     dev: false
 
   /@lezer/css@1.1.3:
     resolution: {integrity: sha512-SjSM4pkQnQdJDVc80LYzEaMiNy9txsFbI7HsMgeVF28NdLaAdHNtQ+kB/QqDUzRBV/75NTXjJ/R5IdC8QQGxMg==}
     dependencies:
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.9
+      '@lezer/lr': 1.3.13
     dev: false
 
   /@lezer/highlight@1.1.6:
     resolution: {integrity: sha512-cmSJYa2us+r3SePpRCjN5ymCqCPv+zyXmDl0ciWtVaNiORT/MxM7ZgOMQZADD0o51qOaOg24qc/zBViOIwAjJg==}
     dependencies:
-      '@lezer/common': 1.0.3
+      '@lezer/common': 1.1.0
     dev: false
 
   /@lezer/html@1.3.6:
     resolution: {integrity: sha512-Kk9HJARZTc0bAnMQUqbtuhFVsB4AnteR2BFUWfZV7L/x1H0aAKz6YabrfJ2gk/BEgjh9L3hg5O4y2IDZRBdzuQ==}
     dependencies:
-      '@lezer/common': 1.0.3
-      '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.9
-    dev: false
-
-  /@lezer/javascript@1.4.4:
-    resolution: {integrity: sha512-0BiBjpEcrt2IXrIzEAsdTLylrVhGHRqVQL3baTBx1sf4qewjIvhG1/pTUumu7W/7YR0AASjLQOQxFmo5EvNmzQ==}
-    dependencies:
+      '@lezer/common': 1.1.0
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.9
+      '@lezer/lr': 1.3.13
     dev: false
 
-  /@lezer/javascript@1.4.5:
-    resolution: {integrity: sha512-FmBUHz8K1V22DgjTd6SrIG9owbzOYZ1t3rY6vGEmw+e2RVBd7sqjM8uXEVRFmfxKFn1Mx2ABJehHjrN3G2ZpmA==}
+  /@lezer/javascript@1.4.8:
+    resolution: {integrity: sha512-QRmw/5xrcyRLyWr3JT3KCzn2XZr5NYNqQMGsqnYy+FghbQn9DZPuj6JDkE6uSXvfMLpdapu8KBIaeoJFaR4QVw==}
     dependencies:
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.9
+      '@lezer/lr': 1.3.13
     dev: false
 
   /@lezer/json@1.0.1:
     resolution: {integrity: sha512-nkVC27qiEZEjySbi6gQRuMwa2sDu2PtfjSgz0A4QF81QyRGm3kb2YRzLcOPcTEtmcwvrX/cej7mlhbwViA4WJw==}
     dependencies:
       '@lezer/highlight': 1.1.6
-      '@lezer/lr': 1.3.9
+      '@lezer/lr': 1.3.13
     dev: false
 
-  /@lezer/lr@1.3.9:
-    resolution: {integrity: sha512-XPz6dzuTHlnsbA5M2DZgjflNQ+9Hi5Swhic0RULdp3oOs3rh6bqGZolosVqN/fQIT8uNiepzINJDnS39oweTHQ==}
+  /@lezer/lr@1.3.13:
+    resolution: {integrity: sha512-RLAbau/4uSzKgIKj96mI5WUtG1qtiR0Frn0Ei9zhPj8YOkHM+1Bb8SgdVvmR/aWJCFIzjo2KFnDiRZ75Xf5NdQ==}
     dependencies:
-      '@lezer/common': 1.0.3
+      '@lezer/common': 1.1.0
     dev: false
 
-  /@lezer/markdown@1.0.5:
-    resolution: {integrity: sha512-J0LRA0l21Ec6ZroaOxjxsWWm+swCOFHcnOU85Z7aH9nj3eJx5ORmtzVkWzs9e21SZrdvyIzM1gt+YF/HnqbvnA==}
+  /@lezer/markdown@1.1.0:
+    resolution: {integrity: sha512-JYOI6Lkqbl83semCANkO3CKbKc0pONwinyagBufWBm+k4yhIcqfCF8B8fpEpvJLmIy7CAfwiq7dQ/PzUZA340g==}
     dependencies:
-      '@lezer/common': 1.0.3
+      '@lezer/common': 1.1.0
       '@lezer/highlight': 1.1.6
     dev: false
 
@@ -1571,7 +1788,7 @@ packages:
       - supports-color
     dev: true
 
-  /@neocodemirror/svelte@0.0.15(@codemirror/autocomplete@6.8.1)(@codemirror/commands@6.2.4)(@codemirror/language@6.8.0)(@codemirror/lint@6.4.0)(@codemirror/search@6.5.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1):
+  /@neocodemirror/svelte@0.0.15(@codemirror/autocomplete@6.10.2)(@codemirror/commands@6.3.0)(@codemirror/language@6.9.1)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.4)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3):
     resolution: {integrity: sha512-MCux+QCR40CboJu/TFwnqK7gYQ3fvtvHX8F/mk85DRH7vMoG3VDjJhqneAITX5IzohWKeP36hzcV+oHC2LYJqA==}
     peerDependencies:
       '@codemirror/autocomplete': ^6.7.1
@@ -1582,13 +1799,13 @@ packages:
       '@codemirror/state': ^6.2.0
       '@codemirror/view': ^6.12.0
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/commands': 6.2.4
-      '@codemirror/language': 6.8.0
-      '@codemirror/lint': 6.4.0
-      '@codemirror/search': 6.5.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/commands': 6.3.0
+      '@codemirror/language': 6.9.1
+      '@codemirror/lint': 6.4.2
+      '@codemirror/search': 6.5.4
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
       csstype: 3.1.2
       nanostores: 0.8.1
     dev: false
@@ -1628,7 +1845,7 @@ packages:
   /@polka/url@1.0.0-next.21:
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
 
-  /@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.8.1)(@codemirror/lang-css@6.2.0)(@codemirror/lang-html@6.4.5)(@codemirror/lang-javascript@6.1.9)(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)(@lezer/highlight@1.1.6)(@lezer/javascript@1.4.5)(@lezer/lr@1.3.9):
+  /@replit/codemirror-lang-svelte@6.0.0(@codemirror/autocomplete@6.10.2)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.6)(@codemirror/lang-javascript@6.2.1)(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)(@lezer/highlight@1.1.6)(@lezer/javascript@1.4.8)(@lezer/lr@1.3.13):
     resolution: {integrity: sha512-U2OqqgMM6jKelL0GNWbAmqlu1S078zZNoBqlJBW+retTc5M4Mha6/Y2cf4SVg6ddgloJvmcSpt4hHrVoM4ePRA==}
     peerDependencies:
       '@codemirror/autocomplete': ^6.0.0
@@ -1643,17 +1860,33 @@ packages:
       '@lezer/javascript': ^1.2.0
       '@lezer/lr': ^1.0.0
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/lang-css': 6.2.0(@codemirror/view@6.14.1)
-      '@codemirror/lang-html': 6.4.5
-      '@codemirror/lang-javascript': 6.1.9
-      '@codemirror/language': 6.8.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
-      '@lezer/common': 1.0.3
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.21.3)
+      '@codemirror/lang-html': 6.4.6
+      '@codemirror/lang-javascript': 6.2.1
+      '@codemirror/language': 6.9.1
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
+      '@lezer/common': 1.1.0
       '@lezer/highlight': 1.1.6
-      '@lezer/javascript': 1.4.5
-      '@lezer/lr': 1.3.9
+      '@lezer/javascript': 1.4.8
+      '@lezer/lr': 1.3.13
+    dev: false
+
+  /@replit/codemirror-vim@6.0.14(@codemirror/commands@6.3.0)(@codemirror/language@6.9.1)(@codemirror/search@6.5.4)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3):
+    resolution: {integrity: sha512-wwhqhvL76FdRTdwfUWpKCbv0hkp2fvivfMosDVlL/popqOiNLtUhL02ThgHZH8mus/NkVr5Mj582lyFZqQrjOA==}
+    peerDependencies:
+      '@codemirror/commands': ^6.0.0
+      '@codemirror/language': ^6.1.0
+      '@codemirror/search': ^6.2.0
+      '@codemirror/state': ^6.0.1
+      '@codemirror/view': ^6.0.3
+    dependencies:
+      '@codemirror/commands': 6.3.0
+      '@codemirror/language': 6.9.1
+      '@codemirror/search': 6.5.4
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
     dev: false
 
   /@resvg/resvg-js-android-arm-eabi@2.4.1:
@@ -1790,8 +2023,8 @@ packages:
       svelte: link:packages/svelte
     dev: false
 
-  /@rollup/browser@3.26.2:
-    resolution: {integrity: sha512-fnuvC89i1f2ZozIOHSlm4DAxBzkwZ0reaHtSIc+n+lHkOQwlAVO2E6t/sGBcst07r9ZVdynDa9xNU5evDCcxhA==}
+  /@rollup/browser@3.29.4:
+    resolution: {integrity: sha512-qkWkilNBn+90/9Xn2stuwFpXYhG/mZVPlDkTIPdQSEtJES0NS4o4atceEqeGeHOjQREY2jaIv7ld3IajA/Bmfw==}
     dev: false
 
   /@rollup/plugin-commonjs@24.1.0(rollup@3.26.2):
@@ -1843,7 +2076,7 @@ packages:
       rollup: 3.26.2
     dev: true
 
-  /@rollup/plugin-virtual@3.0.1(rollup@3.26.2):
+  /@rollup/plugin-virtual@3.0.1(rollup@3.28.0):
     resolution: {integrity: sha512-fK8O0IL5+q+GrsMLuACVNk2x21g3yaw+sG2qn16SnUd3IlBsQyvWxLMGHmCmXRMecPjGRSZ/1LmZB4rjQm68og==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
@@ -1852,7 +2085,7 @@ packages:
       rollup:
         optional: true
     dependencies:
-      rollup: 3.26.2
+      rollup: 3.28.0
     dev: true
 
   /@rollup/pluginutils@4.2.1:
@@ -1878,6 +2111,20 @@ packages:
       rollup: 3.26.2
     dev: true
 
+  /@rollup/pluginutils@5.0.3:
+    resolution: {integrity: sha512-hfllNN4a80rwNQ9QCxhxuHCGHMAvabXqxNdaChUSSadMre7t4iEUI6fFAhBOn/eIYTgYVhBv7vCLsAJ4u3lf3g==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+    dependencies:
+      '@types/estree': 1.0.1
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
   /@shuding/opentype.js@1.4.0-beta.0:
     resolution: {integrity: sha512-3NgmNyH3l/Hv6EvsWJbsvpcpUba6R8IREQ83nH83cyakCw7uM1arZKNfHwv1Wz6jgqrF/j4x5ELvR6PnK9nTcA==}
     engines: {node: '>= 8.0.0'}
@@ -1891,68 +2138,66 @@ packages:
     resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
     dev: true
 
-  /@supabase/functions-js@2.1.2:
-    resolution: {integrity: sha512-QCR6pwJs9exCl37bmpMisUd6mf+0SUBJ6mUpiAjEkSJ/+xW8TCuO14bvkWHADd5hElJK9MxNlMQXxSA4DRz9nQ==}
+  /@supabase/functions-js@2.1.5:
+    resolution: {integrity: sha512-BNzC5XhCzzCaggJ8s53DP+WeHHGT/NfTsx2wUSSGKR2/ikLFQTBCDzMvGz/PxYMqRko/LwncQtKXGOYp1PkPaw==}
     dependencies:
-      cross-fetch: 3.1.8
-    transitivePeerDependencies:
-      - encoding
+      '@supabase/node-fetch': 2.6.14
     dev: false
 
-  /@supabase/gotrue-js@2.46.1:
-    resolution: {integrity: sha512-tebFX3XvPqEJKHOVgkXTN20g9iUhLx6tebIYQvTggYTrqOT2af8oTpSBdgYzbwJ291G6P6CSpR6KY0cT9ade5A==}
+  /@supabase/gotrue-js@2.52.0:
+    resolution: {integrity: sha512-UFCbydMYFn/LhPW08aeZ9sgFDA3kOQCjA2ieFj/sccye9m8Tv0pimMfnXh3A9TqBJ0/0utpkaGSad3XdpJ+Mbw==}
     dependencies:
-      cross-fetch: 3.1.8
-    transitivePeerDependencies:
-      - encoding
+      '@supabase/node-fetch': 2.6.14
     dev: false
 
-  /@supabase/postgrest-js@1.7.2:
-    resolution: {integrity: sha512-GK80JpRq8l6Qll85erICypAfQCied8tdlXfsDN14W844HqXCSOisk8AaE01DAwGJanieaoN5fuqhzA2yKxDvEQ==}
+  /@supabase/node-fetch@2.6.14:
+    resolution: {integrity: sha512-w/Tsd22e/5fAeoxqQ4P2MX6EyF+iM6rc9kmlMVFkHuG0rAltt2TLhFbDJfemnHbtvnazWaRfy5KnFU/SYT37dQ==}
+    engines: {node: 4.x || >=6.0.0}
     dependencies:
-      cross-fetch: 3.1.8
-    transitivePeerDependencies:
-      - encoding
+      whatwg-url: 5.0.0
+    dev: false
+
+  /@supabase/postgrest-js@1.8.4:
+    resolution: {integrity: sha512-ELjpvhb04wILUiJz9zIsTSwaz9LQNlX+Ig5/LgXQ7k68qQI6NqHVn+ISRNt53DngUIyOnLHjeqqIRHBZ7zpgGA==}
+    dependencies:
+      '@supabase/node-fetch': 2.6.14
     dev: false
 
-  /@supabase/realtime-js@2.7.3:
-    resolution: {integrity: sha512-c7TzL81sx2kqyxsxcDduJcHL9KJdCOoKimGP6lQSqiZKX42ATlBZpWbyy9KFGFBjAP4nyopMf5JhPi2ZH9jyNw==}
+  /@supabase/realtime-js@2.7.4:
+    resolution: {integrity: sha512-FzSzs1k9ruh/uds5AJ95Nc3beiMCCIhougExJ3O98CX1LMLAKUKFy5FivKLvcNhXnNfUEL0XUfGMb4UH2J7alg==}
     dependencies:
-      '@types/phoenix': 1.6.0
-      '@types/websocket': 1.0.5
+      '@types/phoenix': 1.6.1
+      '@types/websocket': 1.0.6
       websocket: 1.0.34
     transitivePeerDependencies:
       - supports-color
     dev: false
 
-  /@supabase/storage-js@2.5.1:
-    resolution: {integrity: sha512-nkR0fQA9ScAtIKA3vNoPEqbZv1k5B5HVRYEvRWdlP6mUpFphM9TwPL2jZ/ztNGMTG5xT6SrHr+H7Ykz8qzbhjw==}
+  /@supabase/storage-js@2.5.4:
+    resolution: {integrity: sha512-yspHD19I9uQUgfTh0J94+/r/g6hnhdQmw6Y7OWqr/EbnL6uvicGV1i1UDkkmeUHqfF9Mbt2sLtuxRycYyKv2ew==}
     dependencies:
-      cross-fetch: 3.1.8
-    transitivePeerDependencies:
-      - encoding
+      '@supabase/node-fetch': 2.6.14
     dev: false
 
-  /@supabase/supabase-js@2.31.0:
-    resolution: {integrity: sha512-W9/4s+KnSUX67wJKBn/3yLq+ieycnMzVjK3nNTLX5Wko3ypNT/081l2iFYrf+nsLQ1CiT4mA92I3dxCy6CmxTg==}
+  /@supabase/supabase-js@2.33.2:
+    resolution: {integrity: sha512-r+xCaERasxI0fMqOTp4zwur200X6HCjif48WKIcWrZgtzdtyP6CsP6J3rwZWfR/mR5MN0qLdK0SGA0QCgxS3Nw==}
     dependencies:
-      '@supabase/functions-js': 2.1.2
-      '@supabase/gotrue-js': 2.46.1
-      '@supabase/postgrest-js': 1.7.2
-      '@supabase/realtime-js': 2.7.3
-      '@supabase/storage-js': 2.5.1
-      cross-fetch: 3.1.8
+      '@supabase/functions-js': 2.1.5
+      '@supabase/gotrue-js': 2.52.0
+      '@supabase/node-fetch': 2.6.14
+      '@supabase/postgrest-js': 1.8.4
+      '@supabase/realtime-js': 2.7.4
+      '@supabase/storage-js': 2.5.4
     transitivePeerDependencies:
-      - encoding
       - supports-color
     dev: false
 
-  /@sveltejs/adapter-vercel@3.0.3(@sveltejs/kit@1.22.4):
+  /@sveltejs/adapter-vercel@3.0.3(@sveltejs/kit@1.25.0):
     resolution: {integrity: sha512-0FQMjR6klW4627ewdclSr0lUe/DqiiyOaRTfgb5cXgNbVMsZMOA2fQ77TYQnJdvMfSEWe6y8uznV48XqKh9+vA==}
     peerDependencies:
       '@sveltejs/kit': ^1.5.0
     dependencies:
-      '@sveltejs/kit': 1.22.4(svelte@packages+svelte)(vite@4.4.8)
+      '@sveltejs/kit': 1.25.0(svelte@packages+svelte)(vite@4.4.9)
       '@vercel/nft': 0.23.0
       esbuild: 0.18.17
     transitivePeerDependencies:
@@ -1960,7 +2205,7 @@ packages:
       - supports-color
     dev: true
 
-  /@sveltejs/eslint-config@6.0.4(@typescript-eslint/eslint-plugin@5.60.0)(@typescript-eslint/parser@6.2.1)(eslint-config-prettier@8.10.0)(eslint-plugin-svelte@2.32.4)(eslint-plugin-unicorn@47.0.0)(eslint@8.46.0)(typescript@5.1.3):
+  /@sveltejs/eslint-config@6.0.4(@typescript-eslint/eslint-plugin@5.60.0)(@typescript-eslint/parser@6.8.0)(eslint-config-prettier@9.0.0)(eslint-plugin-svelte@2.34.0)(eslint-plugin-unicorn@47.0.0)(eslint@8.51.0)(typescript@5.1.3):
     resolution: {integrity: sha512-U9pwmDs+DbmsnCgTfu6Bacdwqn0DuI1IQNSiQqTgzVyYfaaj+zy9ZoQCiJfxFBGXHkklyXuRHp0KMx346N0lcQ==}
     peerDependencies:
       '@typescript-eslint/eslint-plugin': '>= 5'
@@ -1971,17 +2216,17 @@ packages:
       eslint-plugin-unicorn: '>= 47'
       typescript: '>= 4'
     dependencies:
-      '@typescript-eslint/eslint-plugin': 5.60.0(@typescript-eslint/parser@6.2.1)(eslint@8.46.0)(typescript@5.1.3)
-      '@typescript-eslint/parser': 6.2.1(eslint@8.46.0)(typescript@5.1.3)
-      eslint: 8.46.0
-      eslint-config-prettier: 8.10.0(eslint@8.46.0)
-      eslint-plugin-svelte: 2.32.4(eslint@8.46.0)(svelte@packages+svelte)
-      eslint-plugin-unicorn: 47.0.0(eslint@8.46.0)
+      '@typescript-eslint/eslint-plugin': 5.60.0(@typescript-eslint/parser@6.8.0)(eslint@8.51.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': 6.8.0(eslint@8.51.0)(typescript@5.1.3)
+      eslint: 8.51.0
+      eslint-config-prettier: 9.0.0(eslint@8.51.0)
+      eslint-plugin-svelte: 2.34.0(eslint@8.51.0)(svelte@packages+svelte)
+      eslint-plugin-unicorn: 47.0.0(eslint@8.51.0)
       typescript: 5.1.3
     dev: true
 
-  /@sveltejs/kit@1.22.4(svelte@packages+svelte)(vite@4.4.8):
-    resolution: {integrity: sha512-Opkqw1QXk4Cc25b/heJP2D7mX+OUBFAq4MXKfET58svTTxdeiHFKzmnuRsSF3nmxESqrLjqPAgHpib+knNGzRw==}
+  /@sveltejs/kit@1.25.0(svelte@packages+svelte)(vite@4.4.9):
+    resolution: {integrity: sha512-+VqMWJJYtcLoF8hYkdqY2qs/MPaawrMwA/gNBJW2o2UrcuYdNiy0ZZnjQQuPD33df/VcAulnoeyzF5ZtaajFEw==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     requiresBuild: true
@@ -1989,53 +2234,55 @@ packages:
       svelte: ^3.54.0 || ^4.0.0-next.0
       vite: ^4.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 2.4.3(svelte@packages+svelte)(vite@4.4.8)
-      '@types/cookie': 0.5.1
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@packages+svelte)(vite@4.4.9)
+      '@types/cookie': 0.5.2
       cookie: 0.5.0
       devalue: 4.3.2
       esm-env: 1.0.0
       kleur: 4.1.5
-      magic-string: 0.30.2
+      magic-string: 0.30.4
       mime: 3.0.0
       sade: 1.8.1
       set-cookie-parser: 2.6.0
       sirv: 2.0.3
       svelte: link:packages/svelte
-      undici: 5.22.1
-      vite: 4.4.8(@types/node@20.4.7)(lightningcss@1.21.5)(sass@1.64.2)
+      tiny-glob: 0.2.9
+      undici: 5.23.0
+      vite: 4.4.9(@types/node@20.6.1)(lightningcss@1.21.8)(sass@1.67.0)
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/repl@0.5.0(@codemirror/lang-html@6.4.5)(@codemirror/search@6.5.0)(@lezer/common@1.0.3)(@lezer/javascript@1.4.5)(@lezer/lr@1.3.9)(@sveltejs/kit@1.22.4)(svelte@packages+svelte):
-    resolution: {integrity: sha512-SyrMn3moP74PY7OtQONom9X53SYREQ7p8CEgspeNK0VG9AYUWc2UPvDDRAHTK94TC7GoNWgOafDw04HJGrOl2g==}
+  /@sveltejs/repl@0.6.0(@codemirror/lang-html@6.4.6)(@codemirror/search@6.5.4)(@lezer/common@1.1.0)(@lezer/javascript@1.4.8)(@lezer/lr@1.3.13)(@sveltejs/kit@1.25.0)(svelte@packages+svelte):
+    resolution: {integrity: sha512-NADKN0NZhLlSatTSh5CCsdzgf2KHJFRef/8krA/TVWAWos5kSwmZ5fF0UImuqs61Pu/SiMXksaWNTGTiOtr4fQ==}
     peerDependencies:
       svelte: ^3.54.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/commands': 6.2.4
-      '@codemirror/lang-css': 6.2.0(@codemirror/view@6.14.1)
-      '@codemirror/lang-javascript': 6.1.9
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/commands': 6.3.0
+      '@codemirror/lang-css': 6.2.1(@codemirror/view@6.21.3)
+      '@codemirror/lang-javascript': 6.2.1
       '@codemirror/lang-json': 6.0.1
-      '@codemirror/lang-markdown': 6.2.0
-      '@codemirror/language': 6.8.0
-      '@codemirror/lint': 6.4.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
+      '@codemirror/lang-markdown': 6.2.2
+      '@codemirror/language': 6.9.1
+      '@codemirror/lint': 6.4.2
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
       '@jridgewell/sourcemap-codec': 1.4.15
       '@lezer/highlight': 1.1.6
-      '@neocodemirror/svelte': 0.0.15(@codemirror/autocomplete@6.8.1)(@codemirror/commands@6.2.4)(@codemirror/language@6.8.0)(@codemirror/lint@6.4.0)(@codemirror/search@6.5.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)
-      '@replit/codemirror-lang-svelte': 6.0.0(@codemirror/autocomplete@6.8.1)(@codemirror/lang-css@6.2.0)(@codemirror/lang-html@6.4.5)(@codemirror/lang-javascript@6.1.9)(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)(@lezer/highlight@1.1.6)(@lezer/javascript@1.4.5)(@lezer/lr@1.3.9)
+      '@neocodemirror/svelte': 0.0.15(@codemirror/autocomplete@6.10.2)(@codemirror/commands@6.3.0)(@codemirror/language@6.9.1)(@codemirror/lint@6.4.2)(@codemirror/search@6.5.4)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)
+      '@replit/codemirror-lang-svelte': 6.0.0(@codemirror/autocomplete@6.10.2)(@codemirror/lang-css@6.2.1)(@codemirror/lang-html@6.4.6)(@codemirror/lang-javascript@6.2.1)(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)(@lezer/highlight@1.1.6)(@lezer/javascript@1.4.8)(@lezer/lr@1.3.13)
+      '@replit/codemirror-vim': 6.0.14(@codemirror/commands@6.3.0)(@codemirror/language@6.9.1)(@codemirror/search@6.5.4)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)
       '@rich_harris/svelte-split-pane': 1.1.1(svelte@packages+svelte)
-      '@rollup/browser': 3.26.2
-      '@sveltejs/site-kit': 5.2.2(@sveltejs/kit@1.22.4)(svelte@packages+svelte)
+      '@rollup/browser': 3.29.4
+      '@sveltejs/site-kit': 5.2.2(@sveltejs/kit@1.25.0)(svelte@packages+svelte)
       acorn: 8.10.0
-      codemirror: 6.0.1(@lezer/common@1.0.3)
+      codemirror: 6.0.1(@lezer/common@1.1.0)
       esm-env: 1.0.0
       estree-walker: 3.0.3
       marked: 5.1.2
       resolve.exports: 2.0.2
       svelte: link:packages/svelte
-      svelte-json-tree: 2.1.0(svelte@packages+svelte)
+      svelte-json-tree: 2.2.0(svelte@packages+svelte)
     transitivePeerDependencies:
       - '@codemirror/lang-html'
       - '@codemirror/search'
@@ -2045,61 +2292,61 @@ packages:
       - '@sveltejs/kit'
     dev: false
 
-  /@sveltejs/site-kit@5.2.2(@sveltejs/kit@1.22.4)(svelte@packages+svelte):
+  /@sveltejs/site-kit@5.2.2(@sveltejs/kit@1.25.0)(svelte@packages+svelte):
     resolution: {integrity: sha512-XLLxVUV/dYytCsUeODAkjtzlaIBSn1kdcH5U36OuN7gMsPEHDy5L/dsWjf1/vDln3JStH5lqZPEN8Fovm33KhA==}
     peerDependencies:
       '@sveltejs/kit': ^1.0.0
       svelte: ^3.54.0
     dependencies:
-      '@sveltejs/kit': 1.22.4(svelte@packages+svelte)(vite@4.4.8)
+      '@sveltejs/kit': 1.25.0(svelte@packages+svelte)(vite@4.4.9)
       esm-env: 1.0.0
       svelte: link:packages/svelte
       svelte-local-storage-store: 0.4.0(svelte@packages+svelte)
     dev: false
 
-  /@sveltejs/site-kit@6.0.0-next.25(@sveltejs/kit@1.22.4)(svelte@packages+svelte):
-    resolution: {integrity: sha512-MZen4ZdjHoWVHn5DQdYBYprryhsyTHVT3XxW/hUp8K6dgFBXK5Cg/foHcxwzkepP6Gmabgi9eHC8e3PPGNKaAA==}
+  /@sveltejs/site-kit@6.0.0-next.50(@sveltejs/kit@1.25.0)(svelte@packages+svelte):
+    resolution: {integrity: sha512-kgJVREVGuhhNO1YfQwJelFsBqfJiPhP7J4ytGUg05FaYlNQn3jb+BMUo027fSRpLgAjCqoo0IzIwX6CSSqqyJg==}
     peerDependencies:
       '@sveltejs/kit': ^1.20.0
       svelte: ^4.0.0
     dependencies:
-      '@sveltejs/kit': 1.22.4(svelte@packages+svelte)(vite@4.4.8)
+      '@sveltejs/kit': 1.25.0(svelte@packages+svelte)(vite@4.4.9)
       esm-env: 1.0.0
       svelte: link:packages/svelte
-      svelte-local-storage-store: 0.5.0(svelte@packages+svelte)
+      svelte-local-storage-store: 0.6.0(svelte@packages+svelte)
     dev: true
 
-  /@sveltejs/vite-plugin-svelte-inspector@1.0.3(@sveltejs/vite-plugin-svelte@2.4.3)(svelte@packages+svelte)(vite@4.4.8):
-    resolution: {integrity: sha512-Khdl5jmmPN6SUsVuqSXatKpQTMIifoQPDanaxC84m9JxIibWvSABJyHpyys0Z+1yYrxY5TTEQm+6elh0XCMaOA==}
+  /@sveltejs/vite-plugin-svelte-inspector@1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@packages+svelte)(vite@4.4.9):
+    resolution: {integrity: sha512-zjiuZ3yydBtwpF3bj0kQNV0YXe+iKE545QGZVTaylW3eAzFr+pJ/cwK8lZEaRp4JtaJXhD5DyWAV4AxLh6DgaQ==}
     engines: {node: ^14.18.0 || >= 16}
     peerDependencies:
       '@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.3(svelte@packages+svelte)(vite@4.4.8)
+      '@sveltejs/vite-plugin-svelte': 2.4.6(svelte@packages+svelte)(vite@4.4.9)
       debug: 4.3.4
       svelte: link:packages/svelte
-      vite: 4.4.8(@types/node@20.4.7)(lightningcss@1.21.5)(sass@1.64.2)
+      vite: 4.4.9(@types/node@20.6.1)(lightningcss@1.21.8)(sass@1.67.0)
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@2.4.3(svelte@packages+svelte)(vite@4.4.8):
-    resolution: {integrity: sha512-NY2h+B54KHZO3kDURTdARqthn6D4YSIebtfW75NvZ/fwyk4G+AJw3V/i0OBjyN4406Ht9yZcnNWMuRUFnDNNiA==}
+  /@sveltejs/vite-plugin-svelte@2.4.6(svelte@packages+svelte)(vite@4.4.9):
+    resolution: {integrity: sha512-zO79p0+DZnXPnF0ltIigWDx/ux7Ni+HRaFOw720Qeivc1azFUrJxTl0OryXVibYNx1hCboGia1NRV3x8RNv4cA==}
     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(@sveltejs/vite-plugin-svelte@2.4.3)(svelte@packages+svelte)(vite@4.4.8)
+      '@sveltejs/vite-plugin-svelte-inspector': 1.0.4(@sveltejs/vite-plugin-svelte@2.4.6)(svelte@packages+svelte)(vite@4.4.9)
       debug: 4.3.4
       deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.30.2
+      magic-string: 0.30.4
       svelte: link:packages/svelte
-      svelte-hmr: 0.15.2(svelte@packages+svelte)
-      vite: 4.4.8(@types/node@20.4.7)(lightningcss@1.21.5)(sass@1.64.2)
-      vitefu: 0.2.4(vite@4.4.8)
+      svelte-hmr: 0.15.3(svelte@packages+svelte)
+      vite: 4.4.9(@types/node@20.6.1)(lightningcss@1.21.8)(sass@1.67.0)
+      vitefu: 0.2.4(vite@4.4.9)
     transitivePeerDependencies:
       - supports-color
 
@@ -2136,8 +2383,8 @@ packages:
     resolution: {integrity: sha512-mEo1sAde+UCE6b2hxn332f1g1E8WfYRu6p5SvTKr2ZKC1f7gFJXk4h5PyGP9Dt6gCaG8y8XhwnXWC6Iy2cmBng==}
     dev: true
 
-  /@types/cookie@0.5.1:
-    resolution: {integrity: sha512-COUnqfB2+ckwXXSFInsFdOAWQzCCx+a5hq2ruyj+Vjund94RJQd4LG2u9hnvJrTgunKAaax7ancBYlDrNYxA0g==}
+  /@types/cookie@0.5.2:
+    resolution: {integrity: sha512-DBpRoJGKJZn7RY92dPrgoMew8xCWc2P71beqsjyhEI/Ds9mOyVmBwtekyfhpwFIVt1WrxTonFifiOZ62V8CnNA==}
 
   /@types/estree@1.0.1:
     resolution: {integrity: sha512-LG4opVs2ANWZ1TJoKc937iMmNstM/d0ae1vNbnBvBhqCSezgVUOzcLCqbI5elV8Vy6WKwKjaqR+zO9VKirBBCA==}
@@ -2168,15 +2415,15 @@ packages:
     resolution: {integrity: sha512-QpLcX9ZSsq3YYUUnD3nFDY8H7wctAhQj/TFKL8Ya8v5fMm3CFXxo8zStsLAl780ltoYoo1WvKUVGBQK+1ifr7g==}
     dev: true
 
-  /@types/node@20.4.7:
-    resolution: {integrity: sha512-bUBrPjEry2QUTsnuEjzjbS7voGWCc30W0qzgMf90GPeDGFRakvrz47ju+oqDAKCXLUCe39u57/ORMl/O/04/9g==}
+  /@types/node@20.6.1:
+    resolution: {integrity: sha512-4LcJvuXQlv4lTHnxwyHQZ3uR9Zw2j7m1C9DfuwoTFQQP4Pmu04O6IfLYgMmHoOCt0nosItLLZAH+sOrRE0Bo8g==}
 
   /@types/normalize-package-data@2.4.1:
     resolution: {integrity: sha512-Gj7cI7z+98M282Tqmp2K5EIsoouUEzbBJhQQzDE3jSIRk6r9gsz0oUokqIUR4u1R3dMHo0pDHM7sNOHyhulypw==}
     dev: true
 
-  /@types/phoenix@1.6.0:
-    resolution: {integrity: sha512-qwfpsHmFuhAS/dVd4uBIraMxRd56vwBUYQGZ6GpXnFuM2XMRFJbIyruFKKlW2daQliuYZwe0qfn/UjFCDKic5g==}
+  /@types/phoenix@1.6.1:
+    resolution: {integrity: sha512-g2/8Ogi2zfiS25jdGT5iDSo5yjruhhXaOuOJCkOxMW28w16VxFvjtAXjBNRo7WlRS4+UXAMj3mK46UwieNM/5g==}
     dev: false
 
   /@types/pug@2.0.6:
@@ -2195,13 +2442,13 @@ packages:
     resolution: {integrity: sha512-G8hZ6XJiHnuhQKR7ZmysCeJWE08o8T0AXtk5darsCaTVsYZhhgUrq53jizaR2FvsoeCwJhlmwTjkXBY5Pn/ZHw==}
     dev: true
 
-  /@types/websocket@1.0.5:
-    resolution: {integrity: sha512-NbsqiNX9CnEfC1Z0Vf4mE1SgAJ07JnRYcNex7AJ9zAVzmiGHmjKFEk7O4TJIsgv2B1sLEb6owKFZrACwdYngsQ==}
+  /@types/websocket@1.0.6:
+    resolution: {integrity: sha512-JXkliwz93B2cMWOI1ukElQBPN88vMg3CruvW4KVSKpflt3NyNCJImnhIuB/f97rG7kakqRJGFiwkA895Kn02Dg==}
     dependencies:
-      '@types/node': 20.4.7
+      '@types/node': 20.6.1
     dev: false
 
-  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.62.0)(eslint@8.44.0)(typescript@5.1.6):
+  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@5.62.0)(eslint@8.44.0)(typescript@5.2.2):
     resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2213,23 +2460,23 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.5.1
-      '@typescript-eslint/parser': 5.62.0(eslint@8.44.0)(typescript@5.1.6)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.44.0)(typescript@5.2.2)
       '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/type-utils': 5.60.0(eslint@8.44.0)(typescript@5.1.6)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.44.0)(typescript@5.1.6)
+      '@typescript-eslint/type-utils': 5.60.0(eslint@8.44.0)(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.60.0(eslint@8.44.0)(typescript@5.2.2)
       debug: 4.3.4
       eslint: 8.44.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
-      semver: 7.5.3
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      semver: 7.5.4
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@6.2.1)(eslint@8.46.0)(typescript@5.1.3):
+  /@typescript-eslint/eslint-plugin@5.60.0(@typescript-eslint/parser@6.8.0)(eslint@8.51.0)(typescript@5.1.3):
     resolution: {integrity: sha512-78B+anHLF1TI8Jn/cD0Q00TBYdMgjdOn980JfAVa9yw5sop8nyTfVOQAv6LWywkOGLclDBtv5z3oxN4w7jxyNg==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2241,23 +2488,23 @@ packages:
         optional: true
     dependencies:
       '@eslint-community/regexpp': 4.5.1
-      '@typescript-eslint/parser': 6.2.1(eslint@8.46.0)(typescript@5.1.3)
+      '@typescript-eslint/parser': 6.8.0(eslint@8.51.0)(typescript@5.1.3)
       '@typescript-eslint/scope-manager': 5.60.0
-      '@typescript-eslint/type-utils': 5.60.0(eslint@8.46.0)(typescript@5.1.3)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.46.0)(typescript@5.1.3)
+      '@typescript-eslint/type-utils': 5.60.0(eslint@8.51.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': 5.60.0(eslint@8.51.0)(typescript@5.1.3)
       debug: 4.3.4
-      eslint: 8.46.0
+      eslint: 8.51.0
       grapheme-splitter: 1.0.4
       ignore: 5.2.4
       natural-compare-lite: 1.4.0
-      semver: 7.5.3
+      semver: 7.5.4
       tsutils: 3.21.0(typescript@5.1.3)
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@5.62.0(eslint@8.44.0)(typescript@5.1.6):
+  /@typescript-eslint/parser@5.62.0(eslint@8.44.0)(typescript@5.2.2):
     resolution: {integrity: sha512-VlJEV0fOQ7BExOsHYAGrgbEiZoi8D+Bl2+f6V2RrXerRSylnp+ZBHmPvaIa8cz0Ajx7WO7Z5RqfgYg7ED1nRhA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2269,16 +2516,16 @@ packages:
     dependencies:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.2.2)
       debug: 4.3.4
       eslint: 8.44.0
-      typescript: 5.1.6
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/parser@6.2.1(eslint@8.46.0)(typescript@5.1.3):
-    resolution: {integrity: sha512-Ld+uL1kYFU8e6btqBFpsHkwQ35rw30IWpdQxgOqOh4NfxSDH6uCkah1ks8R/RgQqI5hHPXMaLy9fbFseIe+dIg==}
+  /@typescript-eslint/parser@6.8.0(eslint@8.51.0)(typescript@5.1.3):
+    resolution: {integrity: sha512-5tNs6Bw0j6BdWuP8Fx+VH4G9fEPDxnVI7yH1IAPkQH5RUtvKwRoqdecAPdQXv4rSOADAaz1LFBZvZG7VbXivSg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0
@@ -2287,12 +2534,12 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/scope-manager': 6.2.1
-      '@typescript-eslint/types': 6.2.1
-      '@typescript-eslint/typescript-estree': 6.2.1(typescript@5.1.3)
-      '@typescript-eslint/visitor-keys': 6.2.1
+      '@typescript-eslint/scope-manager': 6.8.0
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/typescript-estree': 6.8.0(typescript@5.1.3)
+      '@typescript-eslint/visitor-keys': 6.8.0
       debug: 4.3.4
-      eslint: 8.46.0
+      eslint: 8.51.0
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
@@ -2314,15 +2561,15 @@ packages:
       '@typescript-eslint/visitor-keys': 5.62.0
     dev: true
 
-  /@typescript-eslint/scope-manager@6.2.1:
-    resolution: {integrity: sha512-UCqBF9WFqv64xNsIEPfBtenbfodPXsJ3nPAr55mGPkQIkiQvgoWNo+astj9ZUfJfVKiYgAZDMnM6dIpsxUMp3Q==}
+  /@typescript-eslint/scope-manager@6.8.0:
+    resolution: {integrity: sha512-xe0HNBVwCph7rak+ZHcFD6A+q50SMsFwcmfdjs9Kz4qDh5hWhaPhFjRs/SODEhroBI5Ruyvyz9LfwUJ624O40g==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.2.1
-      '@typescript-eslint/visitor-keys': 6.2.1
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/visitor-keys': 6.8.0
     dev: true
 
-  /@typescript-eslint/type-utils@5.60.0(eslint@8.44.0)(typescript@5.1.6):
+  /@typescript-eslint/type-utils@5.60.0(eslint@8.44.0)(typescript@5.2.2):
     resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2332,17 +2579,17 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.6)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.44.0)(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.2.2)
+      '@typescript-eslint/utils': 5.60.0(eslint@8.44.0)(typescript@5.2.2)
       debug: 4.3.4
       eslint: 8.44.0
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/type-utils@5.60.0(eslint@8.46.0)(typescript@5.1.3):
+  /@typescript-eslint/type-utils@5.60.0(eslint@8.51.0)(typescript@5.1.3):
     resolution: {integrity: sha512-X7NsRQddORMYRFH7FWo6sA9Y/zbJ8s1x1RIAtnlj6YprbToTiQnM6vxcMu7iYhdunmoC0rUWlca13D5DVHkK2g==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2353,9 +2600,9 @@ packages:
         optional: true
     dependencies:
       '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      '@typescript-eslint/utils': 5.60.0(eslint@8.46.0)(typescript@5.1.3)
+      '@typescript-eslint/utils': 5.60.0(eslint@8.51.0)(typescript@5.1.3)
       debug: 4.3.4
-      eslint: 8.46.0
+      eslint: 8.51.0
       tsutils: 3.21.0(typescript@5.1.3)
       typescript: 5.1.3
     transitivePeerDependencies:
@@ -2372,8 +2619,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /@typescript-eslint/types@6.2.1:
-    resolution: {integrity: sha512-528bGcoelrpw+sETlyM91k51Arl2ajbNT9L4JwoXE2dvRe1yd8Q64E4OL7vHYw31mlnVsf+BeeLyAZUEQtqahQ==}
+  /@typescript-eslint/types@6.8.0:
+    resolution: {integrity: sha512-p5qOxSum7W3k+llc7owEStXlGmSl8FcGvhYt8Vjy7FqEnmkCVlM3P57XQEGj58oqaBWDQXbJDZxwUWMS/EAPNQ==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dev: true
 
@@ -2391,14 +2638,14 @@ packages:
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.3
+      semver: 7.5.4
       tsutils: 3.21.0(typescript@5.1.3)
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@5.60.0(typescript@5.1.6):
+  /@typescript-eslint/typescript-estree@5.60.0(typescript@5.2.2):
     resolution: {integrity: sha512-R43thAuwarC99SnvrBmh26tc7F6sPa2B3evkXp/8q954kYL6Ro56AwASYWtEEi+4j09GbiNAHqYwNNZuNlARGQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2412,14 +2659,14 @@ packages:
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
-      semver: 7.5.3
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      semver: 7.5.4
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.1.6):
+  /@typescript-eslint/typescript-estree@5.62.0(typescript@5.2.2):
     resolution: {integrity: sha512-CmcQ6uY7b9y694lKdRB8FEel7JbU/40iSAPomu++SjLMntB+2Leay2LO6i8VnJk58MtE9/nQSFIH6jpyRWyYzA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2434,14 +2681,14 @@ packages:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
-      tsutils: 3.21.0(typescript@5.1.6)
-      typescript: 5.1.6
+      tsutils: 3.21.0(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/typescript-estree@6.2.1(typescript@5.1.3):
-    resolution: {integrity: sha512-G+UJeQx9AKBHRQBpmvr8T/3K5bJa485eu+4tQBxFq0KoT22+jJyzo1B50JDT9QdC1DEmWQfdKsa8ybiNWYsi0Q==}
+  /@typescript-eslint/typescript-estree@6.8.0(typescript@5.1.3):
+    resolution: {integrity: sha512-ISgV0lQ8XgW+mvv5My/+iTUdRmGspducmQcDw5JxznasXNnZn3SKNrTRuMsEXv+V/O+Lw9AGcQCfVaOPCAk/Zg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     peerDependencies:
       typescript: '*'
@@ -2449,19 +2696,19 @@ packages:
       typescript:
         optional: true
     dependencies:
-      '@typescript-eslint/types': 6.2.1
-      '@typescript-eslint/visitor-keys': 6.2.1
+      '@typescript-eslint/types': 6.8.0
+      '@typescript-eslint/visitor-keys': 6.8.0
       debug: 4.3.4
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.5.4
-      ts-api-utils: 1.0.1(typescript@5.1.3)
+      ts-api-utils: 1.0.3(typescript@5.1.3)
       typescript: 5.1.3
     transitivePeerDependencies:
       - supports-color
     dev: true
 
-  /@typescript-eslint/utils@5.60.0(eslint@8.44.0)(typescript@5.1.6):
+  /@typescript-eslint/utils@5.60.0(eslint@8.44.0)(typescript@5.2.2):
     resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
@@ -2472,30 +2719,30 @@ packages:
       '@types/semver': 7.5.0
       '@typescript-eslint/scope-manager': 5.60.0
       '@typescript-eslint/types': 5.60.0
-      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.6)
+      '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.2.2)
       eslint: 8.44.0
       eslint-scope: 5.1.1
-      semver: 7.5.3
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
     dev: true
 
-  /@typescript-eslint/utils@5.60.0(eslint@8.46.0)(typescript@5.1.3):
+  /@typescript-eslint/utils@5.60.0(eslint@8.51.0)(typescript@5.1.3):
     resolution: {integrity: sha512-ba51uMqDtfLQ5+xHtwlO84vkdjrqNzOnqrnwbMHMRY8Tqeme8C2Q8Fc7LajfGR+e3/4LoYiWXUM6BpIIbHJ4hQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.51.0)
       '@types/json-schema': 7.0.12
       '@types/semver': 7.5.0
       '@typescript-eslint/scope-manager': 5.60.0
       '@typescript-eslint/types': 5.60.0
       '@typescript-eslint/typescript-estree': 5.60.0(typescript@5.1.3)
-      eslint: 8.46.0
+      eslint: 8.51.0
       eslint-scope: 5.1.1
-      semver: 7.5.3
+      semver: 7.5.4
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -2514,15 +2761,15 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dependencies:
       '@typescript-eslint/types': 5.62.0
-      eslint-visitor-keys: 3.4.2
+      eslint-visitor-keys: 3.4.3
     dev: true
 
-  /@typescript-eslint/visitor-keys@6.2.1:
-    resolution: {integrity: sha512-iTN6w3k2JEZ7cyVdZJTVJx2Lv7t6zFA8DCrJEHD2mwfc16AEvvBWVhbFh34XyG2NORCd0viIgQY1+u7kPI0WpA==}
+  /@typescript-eslint/visitor-keys@6.8.0:
+    resolution: {integrity: sha512-oqAnbA7c+pgOhW2OhGvxm0t1BULX5peQI/rLsNDpGM78EebV3C9IGbX5HNZabuZ6UQrYveCLjKo8Iy/lLlBkkg==}
     engines: {node: ^16.0.0 || >=18.0.0}
     dependencies:
-      '@typescript-eslint/types': 6.2.1
-      eslint-visitor-keys: 3.4.2
+      '@typescript-eslint/types': 6.8.0
+      eslint-visitor-keys: 3.4.3
     dev: true
 
   /@typescript/twoslash@3.1.0:
@@ -2591,7 +2838,7 @@ packages:
   /@vitest/snapshot@0.33.0:
     resolution: {integrity: sha512-tJjrl//qAHbyHajpFvr8Wsk8DIOODEebTu7pgBrP07iOepR5jYkLFiqLq2Ltxv+r0uptUb4izv1J8XBOwKkVYA==}
     dependencies:
-      magic-string: 0.30.2
+      magic-string: 0.30.4
       pathe: 1.1.1
       pretty-format: 29.6.1
     dev: true
@@ -2618,13 +2865,6 @@ packages:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
     dev: true
 
-  /acorn-globals@7.0.1:
-    resolution: {integrity: sha512-umOSDSDrfHbTNPuNpC2NSnnA3LUrqpevPb4T9jRx4MagXNS0rs+gwiTcAvqCRmsD6utzsrzNt+ebm00SNWiC3Q==}
-    dependencies:
-      acorn: 8.9.0
-      acorn-walk: 8.2.0
-    dev: true
-
   /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies:
@@ -2660,9 +2900,9 @@ packages:
     resolution: {integrity: sha512-gq+fjT3Ilrhb88Jf+vYMjdO/+3znYfa7vJ4IMLPFsBPUxglnr40Ed3yCLrW6IABdJAedB94b2BkqR6I04lh3dg==}
     hasBin: true
     dependencies:
-      '@rollup/plugin-virtual': 3.0.1(rollup@3.26.2)
+      '@rollup/plugin-virtual': 3.0.1(rollup@3.28.0)
       acorn: 8.9.0
-      rollup: 3.26.2
+      rollup: 3.28.0
     dev: true
 
   /agent-base@6.0.2:
@@ -2908,7 +3148,7 @@ packages:
     engines: {node: '>=6.14.2'}
     requiresBuild: true
     dependencies:
-      node-gyp-build: 4.6.0
+      node-gyp-build: 4.6.1
     dev: false
 
   /builtin-modules@3.3.0:
@@ -3011,7 +3251,7 @@ packages:
       normalize-path: 3.0.0
       readdirp: 3.6.0
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
 
   /chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
@@ -3066,16 +3306,16 @@ packages:
       periscopic: 3.1.0
     dev: false
 
-  /codemirror@6.0.1(@lezer/common@1.0.3):
+  /codemirror@6.0.1(@lezer/common@1.1.0):
     resolution: {integrity: sha512-J8j+nZ+CdWmIeFIGXEFbFPtpiYacFMDR8GlHK3IyHQJMCaVRfGx9NT+Hxivv1ckLWPvNdZqndbr/7lVhrf/Svg==}
     dependencies:
-      '@codemirror/autocomplete': 6.8.1(@codemirror/language@6.8.0)(@codemirror/state@6.2.1)(@codemirror/view@6.14.1)(@lezer/common@1.0.3)
-      '@codemirror/commands': 6.2.4
-      '@codemirror/language': 6.8.0
-      '@codemirror/lint': 6.4.0
-      '@codemirror/search': 6.5.0
-      '@codemirror/state': 6.2.1
-      '@codemirror/view': 6.14.1
+      '@codemirror/autocomplete': 6.10.2(@codemirror/language@6.9.1)(@codemirror/state@6.3.1)(@codemirror/view@6.21.3)(@lezer/common@1.1.0)
+      '@codemirror/commands': 6.3.0
+      '@codemirror/language': 6.9.1
+      '@codemirror/lint': 6.4.2
+      '@codemirror/search': 6.5.4
+      '@codemirror/state': 6.3.1
+      '@codemirror/view': 6.21.3
     transitivePeerDependencies:
       - '@lezer/common'
     dev: false
@@ -3148,14 +3388,6 @@ packages:
     resolution: {integrity: sha512-VQ2MBenTq1fWZUH9DJNGti7kKv6EeAuYr3cLwxUWhIu1baTaXh4Ib5W2CqHVqib4/MqbYGJqiL3Zb8GJZr3l4g==}
     dev: false
 
-  /cross-fetch@3.1.8:
-    resolution: {integrity: sha512-cvA+JwZoU0Xq+h6WkMvAUqPEYy92Obet6UdKLfW60qn99ftItKjB5T+BkyWOFWe2pUyfQ+IJHmpOTznqk1M6Kg==}
-    dependencies:
-      node-fetch: 2.6.12
-    transitivePeerDependencies:
-      - encoding
-    dev: false
-
   /cross-spawn@5.1.0:
     resolution: {integrity: sha512-pTgQJ5KC0d2hcY8eyL1IzlBPYjTkyH72XRZPnLyKus2mBfNjQs3klqbJU2VILqZryAZUt9JOb3h/mWMy23/f5A==}
     dependencies:
@@ -3431,7 +3663,7 @@ packages:
       globrex: 0.1.2
       kleur: 4.1.5
       locate-character: 3.0.0
-      magic-string: 0.30.0
+      magic-string: 0.30.4
       sade: 1.8.1
       tiny-glob: 0.2.9
       ts-api-utils: 0.0.46(typescript@5.1.3)
@@ -3625,6 +3857,36 @@ packages:
       '@esbuild/win32-arm64': 0.18.17
       '@esbuild/win32-ia32': 0.18.17
       '@esbuild/win32-x64': 0.18.17
+    dev: true
+
+  /esbuild@0.18.20:
+    resolution: {integrity: sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA==}
+    engines: {node: '>=12'}
+    hasBin: true
+    requiresBuild: true
+    optionalDependencies:
+      '@esbuild/android-arm': 0.18.20
+      '@esbuild/android-arm64': 0.18.20
+      '@esbuild/android-x64': 0.18.20
+      '@esbuild/darwin-arm64': 0.18.20
+      '@esbuild/darwin-x64': 0.18.20
+      '@esbuild/freebsd-arm64': 0.18.20
+      '@esbuild/freebsd-x64': 0.18.20
+      '@esbuild/linux-arm': 0.18.20
+      '@esbuild/linux-arm64': 0.18.20
+      '@esbuild/linux-ia32': 0.18.20
+      '@esbuild/linux-loong64': 0.18.20
+      '@esbuild/linux-mips64el': 0.18.20
+      '@esbuild/linux-ppc64': 0.18.20
+      '@esbuild/linux-riscv64': 0.18.20
+      '@esbuild/linux-s390x': 0.18.20
+      '@esbuild/linux-x64': 0.18.20
+      '@esbuild/netbsd-x64': 0.18.20
+      '@esbuild/openbsd-x64': 0.18.20
+      '@esbuild/sunos-x64': 0.18.20
+      '@esbuild/win32-arm64': 0.18.20
+      '@esbuild/win32-ia32': 0.18.20
+      '@esbuild/win32-x64': 0.18.20
 
   /escalade@3.1.1:
     resolution: {integrity: sha512-k0er2gUkLf8O0zKJiAhmkTnJlTvINGv7ygDNPbeIsX/TJjGJZHuh9B2UxbsaEkmlEo9MfhrSzmhIlhRlI2GXnw==}
@@ -3645,26 +3907,19 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
-  /escodegen@2.0.0:
-    resolution: {integrity: sha512-mmHKys/C8BFUGI+MAWNcSYoORYLMdPzjrknd2Vc+bUsjN5bXcr8EhrNB+UTqfL1y3I9c4fw2ihgtMPQLBRiQxw==}
-    engines: {node: '>=6.0'}
+  /eslint-config-prettier@9.0.0(eslint@8.51.0):
+    resolution: {integrity: sha512-IcJsTkJae2S35pRsRAwoCE+925rJJStOdkKnLVgtE+tEpqU0EVVM7OqrwxqgptKdX29NUwC82I5pXsGFIgSevw==}
     hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
     dependencies:
-      esprima: 4.0.1
-      estraverse: 5.3.0
-      esutils: 2.0.3
-      optionator: 0.8.3
-    optionalDependencies:
-      source-map: 0.6.1
+      eslint: 8.51.0
     dev: true
 
-  /eslint-config-prettier@8.10.0(eslint@8.46.0):
-    resolution: {integrity: sha512-SM8AMJdeQqRYT9O9zguiruQZaN7+z+E4eAP9oiLNGKMtomwaB1E9dcgUD6ZAn/eQAb52USbvezbiljfZUhbJcg==}
-    hasBin: true
-    peerDependencies:
-      eslint: '>=7.0.0'
+  /eslint-plugin-lube@0.1.7:
+    resolution: {integrity: sha512-jqeRZAG3vQWZR6Hue2tSx4bQUfpDYqeSOFf3MlqpUycb5q6av1bhnmfDkxHgsLQoK4Pt7H+puI0cYc/iEvFwfw==}
     dependencies:
-      eslint: 8.46.0
+      '@types/estree': 1.0.1
     dev: true
 
   /eslint-plugin-svelte@2.32.2(eslint@8.44.0)(svelte@packages+svelte):
@@ -3683,11 +3938,11 @@ packages:
       eslint: 8.44.0
       esutils: 2.0.3
       known-css-properties: 0.27.0
-      postcss: 8.4.24
-      postcss-load-config: 3.1.4(postcss@8.4.24)
-      postcss-safe-parser: 6.0.0(postcss@8.4.24)
+      postcss: 8.4.31
+      postcss-load-config: 3.1.4(postcss@8.4.31)
+      postcss-safe-parser: 6.0.0(postcss@8.4.31)
       postcss-selector-parser: 6.0.13
-      semver: 7.5.3
+      semver: 7.5.4
       svelte: link:packages/svelte
       svelte-eslint-parser: 0.32.0(svelte@packages+svelte)
     transitivePeerDependencies:
@@ -3695,8 +3950,8 @@ packages:
       - ts-node
     dev: true
 
-  /eslint-plugin-svelte@2.32.4(eslint@8.46.0)(svelte@packages+svelte):
-    resolution: {integrity: sha512-VJ12i2Iogug1jvhwxSlognnfGj76P5gks/V4pUD4SCSVQOp14u47MNP0zAG8AQR3LT0Fi1iUvIFnY4l9z5Rwbg==}
+  /eslint-plugin-svelte@2.34.0(eslint@8.51.0)(svelte@packages+svelte):
+    resolution: {integrity: sha512-4RYUgNai7wr0v+T/kljMiYSjC/oqwgq5i+cPppawryAayj4C7WK1ixFlWCGmNmBppnoKCl4iA4ZPzPtlHcb4CA==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0
@@ -3705,19 +3960,19 @@ packages:
       svelte:
         optional: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.51.0)
       '@jridgewell/sourcemap-codec': 1.4.15
       debug: 4.3.4
-      eslint: 8.46.0
+      eslint: 8.51.0
       esutils: 2.0.3
       known-css-properties: 0.28.0
-      postcss: 8.4.27
-      postcss-load-config: 3.1.4(postcss@8.4.27)
-      postcss-safe-parser: 6.0.0(postcss@8.4.27)
+      postcss: 8.4.31
+      postcss-load-config: 3.1.4(postcss@8.4.31)
+      postcss-safe-parser: 6.0.0(postcss@8.4.31)
       postcss-selector-parser: 6.0.13
       semver: 7.5.4
       svelte: link:packages/svelte
-      svelte-eslint-parser: 0.32.2(svelte@packages+svelte)
+      svelte-eslint-parser: 0.33.1(svelte@packages+svelte)
     transitivePeerDependencies:
       - supports-color
       - ts-node
@@ -3744,21 +3999,21 @@ packages:
       regexp-tree: 0.1.27
       regjsparser: 0.10.0
       safe-regex: 2.1.1
-      semver: 7.5.3
+      semver: 7.5.4
       strip-indent: 3.0.0
     dev: true
 
-  /eslint-plugin-unicorn@47.0.0(eslint@8.46.0):
+  /eslint-plugin-unicorn@47.0.0(eslint@8.51.0):
     resolution: {integrity: sha512-ivB3bKk7fDIeWOUmmMm9o3Ax9zbMz1Bsza/R2qm46ufw4T6VBFBaJIR1uN3pCKSmSXm8/9Nri8V+iUut1NhQGA==}
     engines: {node: '>=16'}
     peerDependencies:
       eslint: '>=8.38.0'
     dependencies:
       '@babel/helper-validator-identifier': 7.22.5
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.51.0)
       ci-info: 3.8.0
       clean-regexp: 1.0.0
-      eslint: 8.46.0
+      eslint: 8.51.0
       esquery: 1.5.0
       indent-string: 4.0.0
       is-builtin-module: 3.2.1
@@ -3769,7 +4024,7 @@ packages:
       regexp-tree: 0.1.27
       regjsparser: 0.10.0
       safe-regex: 2.1.1
-      semver: 7.5.3
+      semver: 7.5.4
       strip-indent: 3.0.0
     dev: true
 
@@ -3802,8 +4057,8 @@ packages:
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
-  /eslint-visitor-keys@3.4.2:
-    resolution: {integrity: sha512-8drBzUEyZ2llkpCA67iYrgEssKDUu68V8ChqqOfFupIaG/LCVPUT+CoGJpT77zJprs4T/W7p07LP7zAIMuweVw==}
+  /eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     dev: true
 
@@ -3855,16 +4110,16 @@ packages:
       - supports-color
     dev: true
 
-  /eslint@8.46.0:
-    resolution: {integrity: sha512-cIO74PvbW0qU8e0mIvk5IV3ToWdCq5FYG6gWPHHkx6gNdjlbAYvtfHmlCMXxjcoVaIdwy/IAt3+mDkZkfvb2Dg==}
+  /eslint@8.51.0:
+    resolution: {integrity: sha512-2WuxRZBrlwnXi+/vFSJyjMqrNjtJqiasMzehF0shoLaW7DzS3/9Yvrmq5JiT66+pNjiX4UBnLDiKHcWAr/OInA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     hasBin: true
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.46.0)
-      '@eslint-community/regexpp': 4.6.2
-      '@eslint/eslintrc': 2.1.1
-      '@eslint/js': 8.46.0
-      '@humanwhocodes/config-array': 0.11.10
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.51.0)
+      '@eslint-community/regexpp': 4.9.1
+      '@eslint/eslintrc': 2.1.2
+      '@eslint/js': 8.51.0
+      '@humanwhocodes/config-array': 0.11.11
       '@humanwhocodes/module-importer': 1.0.1
       '@nodelib/fs.walk': 1.2.8
       ajv: 6.12.6
@@ -3874,7 +4129,7 @@ packages:
       doctrine: 3.0.0
       escape-string-regexp: 4.0.0
       eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.2
+      eslint-visitor-keys: 3.4.3
       espree: 9.6.1
       esquery: 1.5.0
       esutils: 2.0.3
@@ -3882,7 +4137,7 @@ packages:
       file-entry-cache: 6.0.1
       find-up: 5.0.0
       glob-parent: 6.0.2
-      globals: 13.20.0
+      globals: 13.23.0
       graphemer: 1.4.0
       ignore: 5.2.4
       imurmurhash: 0.1.4
@@ -3919,7 +4174,7 @@ packages:
     dependencies:
       acorn: 8.10.0
       acorn-jsx: 5.3.2(acorn@8.10.0)
-      eslint-visitor-keys: 3.4.2
+      eslint-visitor-keys: 3.4.3
     dev: true
 
   /esprima@4.0.1:
@@ -4171,6 +4426,14 @@ packages:
     engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
     os: [darwin]
     requiresBuild: true
+    dev: true
+    optional: true
+
+  /fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
     optional: true
 
   /function-bind@1.1.1:
@@ -4292,6 +4555,13 @@ packages:
       type-fest: 0.20.2
     dev: true
 
+  /globals@13.23.0:
+    resolution: {integrity: sha512-XAmF0RjlrjY23MA51q3HltdlGxUpXPvg0GioKiD9X6HD28iMjo2dKC8Vqwm7lne4GNr78+RHTfliktR6ZH09wA==}
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: 0.20.2
+    dev: true
+
   /globalthis@1.0.3:
     resolution: {integrity: sha512-sFdI5LyBiNTHjRd7cGPWapiHWMOXKyuBNX/cWJ3NfzrZQVa8GI/8cofCl74AOVqq9W5kNmguTIzJ/1s2gyI9wA==}
     engines: {node: '>= 0.4'}
@@ -4301,7 +4571,6 @@ packages:
 
   /globalyzer@0.1.0:
     resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
-    dev: true
 
   /globby@11.1.0:
     resolution: {integrity: sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==}
@@ -4317,7 +4586,6 @@ packages:
 
   /globrex@0.1.2:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
-    dev: true
 
   /gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
@@ -4475,11 +4743,11 @@ packages:
     resolution: {integrity: sha512-sNRVfUwkUcsVWNn5inTHDXWzpPRWPWbSgGkuQmlsFCWXAR2+K5R5vG5tC3Qs4LeJaMugKB8hGVm6rvZjFHQrUw==}
     engines: {node: '>=12.0.0'}
     dependencies:
-      sharp: 0.32.4
+      sharp: 0.32.5
     dev: true
 
-  /immutable@4.3.2:
-    resolution: {integrity: sha512-oGXzbEDem9OOpDWZu88jGiYCvIsLHMvGw+8OXlpsvTFvIQplQbjg1B1cvKg8f7Hoch6+NGjpPsH1Fr+Mc2D1aA==}
+  /immutable@4.3.4:
+    resolution: {integrity: sha512-fsXeu4J4i6WNWSikpI88v/PcVflZz+6kMhUfIwc5SY+poQRPnaf5V7qds6SUyUN3cVxEzuCab7QIoLOQ+DQ1wA==}
 
   /import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
@@ -4769,9 +5037,9 @@ packages:
       argparse: 2.0.1
     dev: true
 
-  /jsdom@21.1.2:
-    resolution: {integrity: sha512-sCpFmK2jv+1sjff4u7fzft+pUh2KSUbUrEHYHyfSIbGTIcmnjyp83qg6qLwdJ/I3LpTXx33ACxeRL7Lsyc6lGQ==}
-    engines: {node: '>=14'}
+  /jsdom@22.0.0:
+    resolution: {integrity: sha512-p5ZTEb5h+O+iU02t0GfEjAnkdYPrQSkfuTSMkMYyIoMvUNEHsbG0bHHbfXIcfTqD2UfvjQX7mmgiFsyRwGscVw==}
+    engines: {node: '>=16'}
     peerDependencies:
       canvas: ^2.5.0
     peerDependenciesMeta:
@@ -4779,13 +5047,10 @@ packages:
         optional: true
     dependencies:
       abab: 2.0.6
-      acorn: 8.9.0
-      acorn-globals: 7.0.1
       cssstyle: 3.0.0
       data-urls: 4.0.0
       decimal.js: 10.4.3
       domexception: 4.0.0
-      escodegen: 2.0.0
       form-data: 4.0.0
       html-encoding-sniffer: 3.0.0
       http-proxy-agent: 5.0.0
@@ -4860,14 +5125,6 @@ packages:
     resolution: {integrity: sha512-9pSL5XB4J+ifHP0e0jmmC98OGC1nL8/JjS+fi6mnTlIf//yt/MfVLtKg7S6nCtj/8KTcWX7nRlY0XywoYY1ISQ==}
     dev: true
 
-  /levn@0.3.0:
-    resolution: {integrity: sha512-0OO4y2iOHix2W6ujICbKIaEQXvFQHue65vUG3pb5EUomzPI90z9hsA1VsO/dbIIpC53J8gxM9Q4Oho0jrCM/yA==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-    dev: true
-
   /levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -4876,84 +5133,93 @@ packages:
       type-check: 0.4.0
     dev: true
 
-  /lightningcss-darwin-arm64@1.21.5:
-    resolution: {integrity: sha512-z05hyLX85WY0UfhkFUOrWEFqD69lpVAmgl3aDzMKlIZJGygbhbegqb4PV8qfUrKKNBauut/qVNPKZglhTaDDxA==}
+  /lightningcss-darwin-arm64@1.21.8:
+    resolution: {integrity: sha512-BOMoGfcgkk2f4ltzsJqmkjiqRtlZUK+UdwhR+P6VgIsnpQBV3G01mlL6GzYxYqxq+6/3/n/D+4oy2NeknmADZw==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /lightningcss-darwin-x64@1.21.5:
-    resolution: {integrity: sha512-MSJhmej/U9MrdPxDk7+FWhO8+UqVoZUHG4VvKT5RQ4RJtqtANTiWiI97LvoVNMtdMnHaKs1Pkji6wHUFxjJsHQ==}
+  /lightningcss-darwin-x64@1.21.8:
+    resolution: {integrity: sha512-YhF64mcVDPKKufL4aNFBnVH7uvzE0bW3YUsPXdP4yUcT/8IXChypOZ/PE1pmt2RlbmsyVuuIIeZU4zTyZe5Amw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [darwin]
     requiresBuild: true
     optional: true
 
-  /lightningcss-linux-arm-gnueabihf@1.21.5:
-    resolution: {integrity: sha512-xN6+5/JsMrbZHL1lPl+MiNJ3Xza12ueBKPepiyDCFQzlhFRTj7D0LG+cfNTzPBTO8KcYQynLpl1iBB8LGp3Xtw==}
+  /lightningcss-freebsd-x64@1.21.8:
+    resolution: {integrity: sha512-CV6A/vTG2Ryd3YpChEgfWWv4TXCAETo9TcHSNx0IP0dnKcnDEiAko4PIKhCqZL11IGdN1ZLBCVPw+vw5ZYwzfA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+    requiresBuild: true
+    optional: true
+
+  /lightningcss-linux-arm-gnueabihf@1.21.8:
+    resolution: {integrity: sha512-9PMbqh8n/Xq0F4/j2NR/hHM2HRDiFXFSF0iOvV67pNWKJkHIO6mR8jBw/88Aro5Ye/ILsX5OuWsxIVJDFv0NXA==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /lightningcss-linux-arm64-gnu@1.21.5:
-    resolution: {integrity: sha512-KfzFNhC4XTbmG3ma/xcTs/IhCwieW89XALIusKmnV0N618ZDXEB0XjWOYQRCXeK9mfqPdbTBpurEHV/XZtkniQ==}
+  /lightningcss-linux-arm64-gnu@1.21.8:
+    resolution: {integrity: sha512-JTM/TuMMllkzaXV7/eDjG4IJKLlCl+RfYZwtsVmC82gc0QX0O37csGAcY2OGleiuA4DnEo/Qea5WoFfZUNC6zg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /lightningcss-linux-arm64-musl@1.21.5:
-    resolution: {integrity: sha512-bc0GytQO5Mn9QM6szaZ+31fQHNdidgpM1sSCwzPItz8hg3wOvKl8039rU0veMJV3ZgC9z0ypNRceLrSHeRHmXw==}
+  /lightningcss-linux-arm64-musl@1.21.8:
+    resolution: {integrity: sha512-01gWShXrgoIb8urzShpn1RWtZuaSyKSzF2hfO+flzlTPoACqcO3rgcu/3af4Cw54e8vKzL5hPRo4kROmgaOMLg==}
     engines: {node: '>= 12.0.0'}
     cpu: [arm64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /lightningcss-linux-x64-gnu@1.21.5:
-    resolution: {integrity: sha512-JwMbgypPQgc2kW2av3OwzZ8cbrEuIiDiXPJdXRE6aVxu67yHauJawQLqJKTGUhiAhy6iLDG8Wg0a3/ziL+m+Kw==}
+  /lightningcss-linux-x64-gnu@1.21.8:
+    resolution: {integrity: sha512-yVB5vYJjJb/Aku0V9QaGYIntvK/1TJOlNB9GmkNpXX5bSSP2pYW4lWW97jxFMHO908M0zjEt1qyOLMyqojHL+Q==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /lightningcss-linux-x64-musl@1.21.5:
-    resolution: {integrity: sha512-Ib8b6IQ/OR/VrPU6YBgy4T3QnuHY7DUa95O+nz+cwrTkMSN6fuHcTcIaz4t8TJ6HI5pl3uxUOZjmtls2pyQWow==}
+  /lightningcss-linux-x64-musl@1.21.8:
+    resolution: {integrity: sha512-TYi+KNtBVK0+FZvxTX/d5XJb+tw3Jq+2Rr9hW359wp1afsi1Vkg+uVGgbn+m2dipa5XwpCseQq81ylMlXuyfPw==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [linux]
     requiresBuild: true
     optional: true
 
-  /lightningcss-win32-x64-msvc@1.21.5:
-    resolution: {integrity: sha512-A8cSi8lUpBeVmoF+DqqW7cd0FemDbCuKr490IXdjyeI+KL8adpSKUs8tcqO0OXPh1EoDqK7JNkD/dELmd4Iz5g==}
+  /lightningcss-win32-x64-msvc@1.21.8:
+    resolution: {integrity: sha512-mww+kqbPx0/C44l2LEloECtRUuOFDjq9ftp+EHTPiCp2t+avy0sh8MaFwGsrKkj2XfZhaRhi4CPVKBoqF1Qlwg==}
     engines: {node: '>= 12.0.0'}
     cpu: [x64]
     os: [win32]
     requiresBuild: true
     optional: true
 
-  /lightningcss@1.21.5:
-    resolution: {integrity: sha512-/pEUPeih2EwIx9n4T82aOG6CInN83tl/mWlw6B5gWLf36UplQi1L+5p3FUHsdt4fXVfOkkh9KIaM3owoq7ss8A==}
+  /lightningcss@1.21.8:
+    resolution: {integrity: sha512-jEqaL7m/ZckZJjlMAfycr1Kpz7f93k6n7KGF5SJjuPSm6DWI6h3ayLZmgRHgy1OfrwoCed6h4C/gHYPOd1OFMA==}
     engines: {node: '>= 12.0.0'}
     dependencies:
       detect-libc: 1.0.3
     optionalDependencies:
-      lightningcss-darwin-arm64: 1.21.5
-      lightningcss-darwin-x64: 1.21.5
-      lightningcss-linux-arm-gnueabihf: 1.21.5
-      lightningcss-linux-arm64-gnu: 1.21.5
-      lightningcss-linux-arm64-musl: 1.21.5
-      lightningcss-linux-x64-gnu: 1.21.5
-      lightningcss-linux-x64-musl: 1.21.5
-      lightningcss-win32-x64-msvc: 1.21.5
+      lightningcss-darwin-arm64: 1.21.8
+      lightningcss-darwin-x64: 1.21.8
+      lightningcss-freebsd-x64: 1.21.8
+      lightningcss-linux-arm-gnueabihf: 1.21.8
+      lightningcss-linux-arm64-gnu: 1.21.8
+      lightningcss-linux-arm64-musl: 1.21.8
+      lightningcss-linux-x64-gnu: 1.21.8
+      lightningcss-linux-x64-musl: 1.21.8
+      lightningcss-win32-x64-msvc: 1.21.8
 
   /lilconfig@2.1.0:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
@@ -5060,14 +5326,15 @@ packages:
       '@jridgewell/sourcemap-codec': 1.4.15
     dev: true
 
-  /magic-string@0.30.0:
-    resolution: {integrity: sha512-LA+31JYDJLs82r2ScLrlz1GjSgu66ZV518eyWT+S8VhyQn/JL0u9MeBOvQMGYiPk1DBiSN9DDMOcXvigJZaViQ==}
+  /magic-string@0.30.3:
+    resolution: {integrity: sha512-B7xGbll2fG/VjP+SWg4sX3JynwIU0mjoTc6MPpKNuIvftk6u6vqhDnk1R80b8C2GBR6ywqy+1DcKBrevBg+bmw==}
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
+    dev: true
 
-  /magic-string@0.30.2:
-    resolution: {integrity: sha512-lNZdu7pewtq/ZvWUp9Wpf/x7WzMTsR26TWV03BRZrXFsv+BI6dy8RAiKgm1uM/kyR0rCfUcqvOlXKG66KhIGug==}
+  /magic-string@0.30.4:
+    resolution: {integrity: sha512-Q/TKtsC5BPm0kGqgBIF9oXAs/xEf2vRKiIB4wCRQTJOQIByZ1d+NnUOotvJOvNpi5RNIgVOMC3pOuaP1ZTDlVg==}
     engines: {node: '>=12'}
     dependencies:
       '@jridgewell/sourcemap-codec': 1.4.15
@@ -5095,8 +5362,8 @@ packages:
     hasBin: true
     dev: false
 
-  /marked@6.0.0:
-    resolution: {integrity: sha512-7E3m/xIlymrFL5gWswIT4CheIE3fDeh51NV09M4x8iOc7NDYlyERcQMLAIHcSlrvwliwbPQ4OGD+MpPSYiQcqw==}
+  /marked@9.0.0:
+    resolution: {integrity: sha512-37yoTpjU+TSXb9OBYY5n78z/CqXh76KiQj9xsKxEdztzU9fRLmbWO5YqKxgCVGKlNdexppnbKTkwB3RipVri8w==}
     engines: {node: '>= 16'}
     hasBin: true
     dev: true
@@ -5292,8 +5559,8 @@ packages:
     resolution: {integrity: sha512-CXdUiJembsNjuToQvxayPZF9Vqht7hewsvy2sOWafLvi2awflj9mOC6bHIg50orX8IJvWKY9wYQ/zB2kogPslQ==}
     dev: false
 
-  /node-abi@3.45.0:
-    resolution: {integrity: sha512-iwXuFrMAcFVi/ZoZiqq8BzAdsLw9kxDfTC0HMyjXfSL/6CSDAGD5UmR7azrAgWV1zKYq7dUUMj4owusBWKLsiQ==}
+  /node-abi@3.47.0:
+    resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==}
     engines: {node: '>=10'}
     dependencies:
       semver: 7.5.4
@@ -5325,10 +5592,17 @@ packages:
         optional: true
     dependencies:
       whatwg-url: 5.0.0
+    dev: true
 
   /node-gyp-build@4.6.0:
     resolution: {integrity: sha512-NTZVKn9IylLwUzaKjkas1e4u2DLNcV4rdYagA4PWdPwW87Bi7z+BznyKSRwS/761tV/lzCGXplWsiaMjLqP2zQ==}
     hasBin: true
+    dev: true
+
+  /node-gyp-build@4.6.1:
+    resolution: {integrity: sha512-24vnklJmyRS8ViBNI8KbtK/r/DmXQMRiOMXTNz2nrTnAYUwjmEEbnnpB/+kt+yWRv73bPsSPRFddrcIbAxSiMQ==}
+    hasBin: true
+    dev: false
 
   /node-releases@2.0.13:
     resolution: {integrity: sha512-uYr7J37ae/ORWdZeQ1xxMJe3NtdmqMC/JZK+geofDrkLUApKRHPd18/TxtBOJ4A0/+uUIliorNrfYV6s1b02eQ==}
@@ -5347,7 +5621,7 @@ packages:
     dependencies:
       hosted-git-info: 2.8.9
       resolve: 1.22.2
-      semver: 5.7.1
+      semver: 5.7.2
       validate-npm-package-license: 3.0.4
     dev: true
 
@@ -5407,18 +5681,6 @@ packages:
     hasBin: true
     dev: true
 
-  /optionator@0.8.3:
-    resolution: {integrity: sha512-+IW9pACdk3XWmmTXG8m3upGUJst5XRGzxMRjXzAuJ1XnIFNvfhjjIuYkDvysnPQ7qzqVzLt78BCruntqRhWQbA==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      deep-is: 0.1.4
-      fast-levenshtein: 2.0.6
-      levn: 0.3.0
-      prelude-ls: 1.1.2
-      type-check: 0.3.2
-      word-wrap: 1.2.3
-    dev: true
-
   /optionator@0.9.3:
     resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
@@ -5662,24 +5924,7 @@ packages:
     engines: {node: '>=12.13.0'}
     dev: true
 
-  /postcss-load-config@3.1.4(postcss@8.4.24):
-    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.24
-      yaml: 1.10.2
-    dev: true
-
-  /postcss-load-config@3.1.4(postcss@8.4.27):
+  /postcss-load-config@3.1.4(postcss@8.4.31):
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
     peerDependencies:
@@ -5692,44 +5937,35 @@ packages:
         optional: true
     dependencies:
       lilconfig: 2.1.0
-      postcss: 8.4.27
+      postcss: 8.4.31
       yaml: 1.10.2
     dev: true
 
-  /postcss-safe-parser@6.0.0(postcss@8.4.24):
+  /postcss-safe-parser@6.0.0(postcss@8.4.31):
     resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.3.3
     dependencies:
-      postcss: 8.4.24
+      postcss: 8.4.31
     dev: true
 
-  /postcss-safe-parser@6.0.0(postcss@8.4.27):
-    resolution: {integrity: sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ==}
-    engines: {node: '>=12.0'}
-    peerDependencies:
-      postcss: ^8.3.3
-    dependencies:
-      postcss: 8.4.27
-    dev: true
-
-  /postcss-scss@4.0.6(postcss@8.4.24):
+  /postcss-scss@4.0.6(postcss@8.4.31):
     resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==}
     engines: {node: '>=12.0'}
     peerDependencies:
       postcss: ^8.4.19
     dependencies:
-      postcss: 8.4.24
+      postcss: 8.4.31
     dev: true
 
-  /postcss-scss@4.0.6(postcss@8.4.27):
-    resolution: {integrity: sha512-rLDPhJY4z/i4nVFZ27j9GqLxj1pwxE80eAzUNRMXtcpipFYIeowerzBgG3yJhMtObGEXidtIgbUpQ3eLDsf5OQ==}
+  /postcss-scss@4.0.9(postcss@8.4.31):
+    resolution: {integrity: sha512-AjKOeiwAitL/MXxQW2DliT28EKukvvbEWx3LBmJIRN8KfBGZbRTxNYW0kSqi1COiTZ57nZ9NW06S6ux//N1c9A==}
     engines: {node: '>=12.0'}
     peerDependencies:
-      postcss: ^8.4.19
+      postcss: ^8.4.29
     dependencies:
-      postcss: 8.4.27
+      postcss: 8.4.31
     dev: true
 
   /postcss-selector-parser@6.0.13:
@@ -5744,17 +5980,8 @@ packages:
     resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
     dev: true
 
-  /postcss@8.4.24:
-    resolution: {integrity: sha512-M0RzbcI0sO/XJNucsGjvWU9ERWxb/ytp1w6dKtxTKgixdtQDq4rmx/g8W1hnaheq9jgwL/oyEdH5Bc4WwJKMqg==}
-    engines: {node: ^10 || ^12 || >=14}
-    dependencies:
-      nanoid: 3.3.6
-      picocolors: 1.0.0
-      source-map-js: 1.0.2
-    dev: true
-
-  /postcss@8.4.27:
-    resolution: {integrity: sha512-gY/ACJtJPSmUFPDCHtX78+01fHa64FaU4zaaWfuh1MhGJISufJAH4cun6k/8fwsHYeK4UQmENQK+tRLCFJE8JQ==}
+  /postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
     dependencies:
       nanoid: 3.3.6
@@ -5772,7 +5999,7 @@ packages:
       minimist: 1.2.8
       mkdirp-classic: 0.5.3
       napi-build-utils: 1.0.2
-      node-abi: 3.45.0
+      node-abi: 3.47.0
       pump: 3.0.0
       rc: 1.2.8
       simple-get: 4.0.1
@@ -5790,11 +6017,6 @@ packages:
       which-pm: 2.0.0
     dev: true
 
-  /prelude-ls@1.1.2:
-    resolution: {integrity: sha512-ESF23V4SKG6lVSGZgYNpbsiaAkdab6ZgOxe52p7+Kid3W3u3bxR4Vfd/o21dmN7jSt0IwgZ4v5MUd26FEtXE9w==}
-    engines: {node: '>= 0.8.0'}
-    dev: true
-
   /prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -5810,13 +6032,13 @@ packages:
       svelte: link:packages/svelte
     dev: true
 
-  /prettier-plugin-svelte@3.0.3(prettier@3.0.1)(svelte@packages+svelte):
+  /prettier-plugin-svelte@3.0.3(prettier@3.0.3)(svelte@packages+svelte):
     resolution: {integrity: sha512-dLhieh4obJEK1hnZ6koxF+tMUrZbV5YGvRpf2+OADyanjya5j0z1Llo8iGwiHmFWZVG/hLEw/AJD5chXd9r3XA==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0
     dependencies:
-      prettier: 3.0.1
+      prettier: 3.0.3
       svelte: link:packages/svelte
     dev: true
 
@@ -5826,8 +6048,8 @@ packages:
     hasBin: true
     dev: true
 
-  /prettier@3.0.1:
-    resolution: {integrity: sha512-fcOWSnnpCrovBsmFZIGIy9UqK2FaI7Hqax+DIO0A9UxeVoY4iweyaFjS5TavZN97Hfehph0nhsZnjlVKzEQSrQ==}
+  /prettier@3.0.3:
+    resolution: {integrity: sha512-L/4pUDMxcNa8R/EthV08Zt42WBO4h1rarVtK0K+QJG0X187OLo7l699jWw0GKuwzkPQ//jMFA/8Xm6Fh3J/DAg==}
     engines: {node: '>=14'}
     hasBin: true
     dev: true
@@ -6051,28 +6273,20 @@ packages:
       opener: 1.5.2
     dev: true
 
-  /rollup@3.25.1:
-    resolution: {integrity: sha512-tywOR+rwIt5m2ZAWSe5AIJcTat8vGlnPFAv15ycCrw33t6iFsXZ6mzHVFh2psSjxQPmI+xgzMZZizUAukBI4aQ==}
-    engines: {node: '>=14.18.0', npm: '>=8.0.0'}
-    hasBin: true
-    optionalDependencies:
-      fsevents: 2.3.2
-    dev: true
-
   /rollup@3.26.2:
     resolution: {integrity: sha512-6umBIGVz93er97pMgQO08LuH3m6PUb3jlDUUGFsNJB6VgTCUaDFpupf5JfU30529m/UKOgmiX+uY6Sx8cOYpLA==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
-  /rollup@3.27.1:
-    resolution: {integrity: sha512-tXNDFwOkN6C2w5Blj1g6ForKeFw6c1mDu5jxoeDO3/pmYjgt+8yvIFjKzH5FQUq70OKZBkOt0zzv0THXL7vwzQ==}
+  /rollup@3.28.0:
+    resolution: {integrity: sha512-d7zhvo1OUY2SXSM6pfNjgD5+d0Nz87CUp4mt8l/GgVP3oBsPwzNvSzyu1me6BSG9JIgWNTVcafIXBIyM8yQ3yw==}
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
 
   /rrweb-cssom@0.6.0:
     resolution: {integrity: sha512-APM0Gt1KoXBz0iIkkdB/kfvGOwC4UuJFeG/c+yV7wSc7q96cG/kJ0HiYCnzivD9SB53cLV1MlHFNfOuPaadYSw==}
@@ -6121,13 +6335,13 @@ packages:
       rimraf: 2.7.1
     dev: true
 
-  /sass@1.64.2:
-    resolution: {integrity: sha512-TnDlfc+CRnUAgLO9D8cQLFu/GIjJIzJCGkE7o4ekIGQOH7T3GetiRR/PsTWJUHhkzcSPrARkPI+gNWn5alCzDg==}
+  /sass@1.67.0:
+    resolution: {integrity: sha512-SVrO9ZeX/QQyEGtuZYCVxoeAL5vGlYjJ9p4i4HFuekWl8y/LtJ7tJc10Z+ck1c8xOuoBm2MYzcLfTAffD0pl/A==}
     engines: {node: '>=14.0.0'}
     hasBin: true
     dependencies:
       chokidar: 3.5.3
-      immutable: 4.3.2
+      immutable: 4.3.4
       source-map-js: 1.0.2
 
   /satori-html@0.3.2:
@@ -6136,8 +6350,8 @@ packages:
       ultrahtml: 1.2.0
     dev: true
 
-  /satori@0.10.2:
-    resolution: {integrity: sha512-38povLat5QMuKiKBudM/oIk+a0Z5tEfHh8oD/bsh58L0jlOXxfuhAVpDtlG3M0g5FGLajIV0LaKQftXtaYoSUQ==}
+  /satori@0.10.4:
+    resolution: {integrity: sha512-GJNIsuiXhiC9kWGLvz04Op5DZy2UFYZAWsuUtkTlQt3r15o0K96PeD+FMfGN4luMPUHc4uV9gXqAoPxOK0omSw==}
     engines: {node: '>=16'}
     dependencies:
       '@shuding/opentype.js': 1.4.0-beta.0
@@ -6163,8 +6377,8 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
-  /semver@5.7.1:
-    resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
+  /semver@5.7.2:
+    resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==}
     hasBin: true
     dev: true
 
@@ -6173,14 +6387,6 @@ packages:
     hasBin: true
     dev: true
 
-  /semver@7.5.3:
-    resolution: {integrity: sha512-QBlUtyVk/5EeHbi7X0fw6liDZc7BBmEaSYn01fMU1OUYbf6GPsbTtd8WmnqbI20SeycoHSeiybkE/q1Q+qlThQ==}
-    engines: {node: '>=10'}
-    hasBin: true
-    dependencies:
-      lru-cache: 6.0.0
-    dev: true
-
   /semver@7.5.4:
     resolution: {integrity: sha512-1bCSESV6Pv+i21Hvpxp3Dx+pSD8lIPt8uVjRrxAUt/nbswYc+tK6Y2btiULjd4+fnq15PX+nqQDC7Oft7WkwcA==}
     engines: {node: '>=10'}
@@ -6196,8 +6402,8 @@ packages:
   /set-cookie-parser@2.6.0:
     resolution: {integrity: sha512-RVnVQxTXuerk653XfuliOxBP81Sf0+qfQE73LIYKcyMYHG94AuH0kgrQpRDuTZnSmjpysHmzxJXKNfa6PjFhyQ==}
 
-  /sharp@0.32.4:
-    resolution: {integrity: sha512-exUnZewqVZC6UXqXuQ8fyJJv0M968feBi04jb9GcUHrWtkRoAKnbJt8IfwT4NJs7FskArbJ14JAFGVuooszoGg==}
+  /sharp@0.32.5:
+    resolution: {integrity: sha512-0dap3iysgDkNaPOaOL4X/0akdu0ma62GcdC2NBQ+93eqpePdDdr2/LM0sFdDSMmN7yS+odyZtPsb7tx/cYBKnQ==}
     engines: {node: '>=14.15.0'}
     requiresBuild: true
     dependencies:
@@ -6245,7 +6451,7 @@ packages:
       rechoir: 0.6.2
     dev: true
 
-  /shiki-twoslash@3.1.2(typescript@5.1.6):
+  /shiki-twoslash@3.1.2(typescript@5.2.2):
     resolution: {integrity: sha512-JBcRIIizi+exIA/OUhYkV6jtyeZco0ykCkIRd5sgwIt1Pm4pz+maoaRZpm6SkhPwvif4fCA7xOtJOykhpIV64Q==}
     peerDependencies:
       typescript: '>3'
@@ -6254,7 +6460,7 @@ packages:
       '@typescript/vfs': 1.3.4
       fenceparser: 1.1.1
       shiki: 0.10.1
-      typescript: 5.1.6
+      typescript: 5.2.2
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6267,8 +6473,8 @@ packages:
       vscode-textmate: 5.2.0
     dev: true
 
-  /shiki@0.14.3:
-    resolution: {integrity: sha512-U3S/a+b0KS+UkTyMjoNojvTgrBHjgp7L6ovhFVZsXmBGnVdQ4K4U9oK0z63w538S91ATngv1vXigHCSWOwnr+g==}
+  /shiki@0.14.4:
+    resolution: {integrity: sha512-IXCRip2IQzKwxArNNq1S+On4KPML3Yyn8Zzs/xRgcgOWIr8ntIK3IKzjFPfjy/7kt9ZMjc+FItfqHRBg8b6tNQ==}
     dependencies:
       ansi-sequence-parser: 1.1.0
       jsonc-parser: 3.2.0
@@ -6350,13 +6556,6 @@ packages:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
 
-  /source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-    requiresBuild: true
-    dev: true
-    optional: true
-
   /source-map@0.7.4:
     resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
     engines: {node: '>= 8'}
@@ -6413,8 +6612,8 @@ packages:
     resolution: {integrity: sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==}
     engines: {node: '>=10.0.0'}
 
-  /streamx@2.15.0:
-    resolution: {integrity: sha512-HcxY6ncGjjklGs1xsP1aR71INYcsXFJet5CU1CHqihQ2J5nOsbd4OjgjHO42w/4QNv9gZb3BueV+Vxok5pLEXg==}
+  /streamx@2.15.1:
+    resolution: {integrity: sha512-fQMzy2O/Q47rgwErk/eGeLu/roaFWV0jVsogDmrszM9uIw8L5OA+t+V93MgYlufNptfjmYR1tOMWhei/Eh7TQA==}
     dependencies:
       fast-fifo: 1.3.0
       queue-tick: 1.0.1
@@ -6507,8 +6706,8 @@ packages:
       peek-readable: 4.1.0
     dev: true
 
-  /style-mod@4.0.3:
-    resolution: {integrity: sha512-78Jv8kYJdjbvRwwijtCevYADfsI0lGzYJe4mMFdceO8l75DFFDoqBhR1jVDicDRRaX4//g1u9wKeo+ztc2h1Rw==}
+  /style-mod@4.1.0:
+    resolution: {integrity: sha512-Ca5ib8HrFn+f+0n4N4ScTIA9iTOQ7MaGS1ylHcoVqW9J7w2w8PzN6g9gKmTYgGEBH8e120+RCmhpje6jC5uGWA==}
     dev: false
 
   /supports-color@5.5.0:
@@ -6530,21 +6729,21 @@ packages:
     engines: {node: '>= 0.4'}
     dev: true
 
-  /svelte-check@3.4.6(postcss@8.4.24)(sass@1.64.2)(svelte@packages+svelte):
-    resolution: {integrity: sha512-OBlY8866Zh1zHQTkBMPS6psPi7o2umTUyj6JWm4SacnIHXpWFm658pG32m3dKvKFL49V4ntAkfFHKo4ztH07og==}
+  /svelte-check@3.5.1(postcss@8.4.31)(sass@1.67.0)(svelte@packages+svelte):
+    resolution: {integrity: sha512-+Zb4iHxAhdUtcUg/WJPRjlS1RJalIsWAe9Mz6G1zyznSs7dDkT7VUBdXc3q7Iwg49O/VrZgyJRvOJkjuBfKjFA==}
     hasBin: true
     peerDependencies:
       svelte: ^3.55.0 || ^4.0.0-next.0 || ^4.0.0
     dependencies:
-      '@jridgewell/trace-mapping': 0.3.18
+      '@jridgewell/trace-mapping': 0.3.19
       chokidar: 3.5.3
       fast-glob: 3.3.1
       import-fresh: 3.3.0
       picocolors: 1.0.0
       sade: 1.8.1
       svelte: link:packages/svelte
-      svelte-preprocess: 5.0.4(postcss@8.4.24)(sass@1.64.2)(svelte@packages+svelte)(typescript@5.1.6)
-      typescript: 5.1.6
+      svelte-preprocess: 5.0.4(postcss@8.4.31)(sass@1.67.0)(svelte@packages+svelte)(typescript@5.2.2)
+      typescript: 5.2.2
     transitivePeerDependencies:
       - '@babel/core'
       - coffeescript
@@ -6569,13 +6768,13 @@ packages:
       eslint-scope: 7.2.0
       eslint-visitor-keys: 3.4.1
       espree: 9.6.0
-      postcss: 8.4.24
-      postcss-scss: 4.0.6(postcss@8.4.24)
+      postcss: 8.4.31
+      postcss-scss: 4.0.6(postcss@8.4.31)
       svelte: link:packages/svelte
     dev: true
 
-  /svelte-eslint-parser@0.32.2(svelte@packages+svelte):
-    resolution: {integrity: sha512-Ok9D3A4b23iLQsONrjqtXtYDu5ZZ/826Blaw2LeFZVTg1pwofKDG4mz3/GYTax8fQ0plRGHI6j+d9VQYy5Lo/A==}
+  /svelte-eslint-parser@0.33.1(svelte@packages+svelte):
+    resolution: {integrity: sha512-vo7xPGTlKBGdLH8T5L64FipvTrqv3OQRx9d2z5X05KKZDlF4rQk8KViZO4flKERY+5BiVdOh7zZ7JGJWo5P0uA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0
@@ -6584,23 +6783,23 @@ packages:
         optional: true
     dependencies:
       eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.2
+      eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      postcss: 8.4.27
-      postcss-scss: 4.0.6(postcss@8.4.27)
+      postcss: 8.4.31
+      postcss-scss: 4.0.9(postcss@8.4.31)
       svelte: link:packages/svelte
     dev: true
 
-  /svelte-hmr@0.15.2(svelte@packages+svelte):
-    resolution: {integrity: sha512-q/bAruCvFLwvNbeE1x3n37TYFb3mTBJ6TrCq6p2CoFbSTNhDE9oAtEfpy+wmc9So8AG0Tja+X0/mJzX9tSfvIg==}
+  /svelte-hmr@0.15.3(svelte@packages+svelte):
+    resolution: {integrity: sha512-41snaPswvSf8TJUhlkoJBekRrABDXDMdpNpT2tfHIv4JuhgvHqLMhEPGtaQn0BmbNSTkuz2Ed20DF2eHw0SmBQ==}
     engines: {node: ^12.20 || ^14.13.1 || >= 16}
     peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0-next.0
+      svelte: ^3.19.0 || ^4.0.0
     dependencies:
       svelte: link:packages/svelte
 
-  /svelte-json-tree@2.1.0(svelte@packages+svelte):
-    resolution: {integrity: sha512-IAU//hE5bIA0SoM9AuP7xOoD9PUcMh4fio0oI52r0XJ7iNDytW7AnBdkIn1QSYLUyWzvQX3tp59JfLYfhd7lTw==}
+  /svelte-json-tree@2.2.0(svelte@packages+svelte):
+    resolution: {integrity: sha512-zcfepTrJ6xhpdgRZEujmiFh+ainRw7HO4Bsoh8PMAsm7fkgUPtnrZi3An8tmCFY8jajYhMrauHsd1S1XTeuiCw==}
     peerDependencies:
       svelte: ^4.0.0
     dependencies:
@@ -6616,8 +6815,8 @@ packages:
       svelte: link:packages/svelte
     dev: false
 
-  /svelte-local-storage-store@0.5.0(svelte@packages+svelte):
-    resolution: {integrity: sha512-SEDrpapeia6fUqta+r1NvSLlJYPkZ4pBcl15EYIOSPNzy6vhpoXu8cnzUDmZxsWl7fZGAHxrVH9UyZCbyO4W+g==}
+  /svelte-local-storage-store@0.6.0(svelte@packages+svelte):
+    resolution: {integrity: sha512-UbCY/yT/YUadU5IX/gZkoRQnA+ebFZHKKQjlJvfWHnBj3CPe9sNn8ndxYz/xy4LUzGjuBLq8+wH5RYK54ba3wA==}
     engines: {node: '>=0.14'}
     peerDependencies:
       svelte: ^3.48.0 || ^4.0.0
@@ -6625,7 +6824,7 @@ packages:
       svelte: link:packages/svelte
     dev: true
 
-  /svelte-preprocess@5.0.4(postcss@8.4.24)(sass@1.64.2)(svelte@packages+svelte)(typescript@5.1.6):
+  /svelte-preprocess@5.0.4(postcss@8.4.31)(sass@1.67.0)(svelte@packages+svelte)(typescript@5.2.2):
     resolution: {integrity: sha512-ABia2QegosxOGsVlsSBJvoWeXy1wUKSfF7SWJdTjLAbx/Y3SrVevvvbFNQqrSJw89+lNSsM58SipmZJ5SRi5iw==}
     engines: {node: '>= 14.10.0'}
     requiresBuild: true
@@ -6666,12 +6865,12 @@ packages:
       '@types/pug': 2.0.6
       detect-indent: 6.1.0
       magic-string: 0.27.0
-      postcss: 8.4.24
-      sass: 1.64.2
+      postcss: 8.4.31
+      sass: 1.67.0
       sorcery: 0.11.0
       strip-indent: 3.0.0
       svelte: link:packages/svelte
-      typescript: 5.1.6
+      typescript: 5.2.2
     dev: true
 
   /symbol-tree@3.2.4:
@@ -6711,7 +6910,7 @@ packages:
     dependencies:
       b4a: 1.6.4
       fast-fifo: 1.3.0
-      streamx: 2.15.0
+      streamx: 2.15.1
     dev: true
 
   /tar@6.1.15:
@@ -6744,7 +6943,6 @@ packages:
     dependencies:
       globalyzer: 0.1.0
       globrex: 0.1.2
-    dev: true
 
   /tiny-inflate@1.0.3:
     resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
@@ -6827,8 +7025,8 @@ packages:
       typescript: 5.1.3
     dev: true
 
-  /ts-api-utils@1.0.1(typescript@5.1.3):
-    resolution: {integrity: sha512-lC/RGlPmwdrIBFTX59wwNzqh7aR2otPNPR/5brHZm/XKFYKsfqxihXUe9pU3JI+3vGkl+vyCoNNnPhJn3aLK1A==}
+  /ts-api-utils@1.0.3(typescript@5.1.3):
+    resolution: {integrity: sha512-wNMeqtMz5NtwpT/UZGY5alT+VoKdSsOOP/kqHFcUW1P/VRhH2wJ48+DN2WwUliNbQ976ETwDL0Ifd2VVvgonvg==}
     engines: {node: '>=16.13.0'}
     peerDependencies:
       typescript: '>=4.2.0'
@@ -6850,14 +7048,14 @@ packages:
       typescript: 5.1.3
     dev: true
 
-  /tsutils@3.21.0(typescript@5.1.6):
+  /tsutils@3.21.0(typescript@5.2.2):
     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: 5.1.6
+      typescript: 5.2.2
     dev: true
 
   /tty-table@4.2.1:
@@ -6880,13 +7078,6 @@ packages:
       safe-buffer: 5.2.1
     dev: true
 
-  /type-check@0.3.2:
-    resolution: {integrity: sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==}
-    engines: {node: '>= 0.8.0'}
-    dependencies:
-      prelude-ls: 1.1.2
-    dev: true
-
   /type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
@@ -6947,8 +7138,8 @@ packages:
     hasBin: true
     dev: true
 
-  /typescript@5.1.6:
-    resolution: {integrity: sha512-zaWCozRZ6DLEWAWFrVDz1H6FVXzUSfTy5FUMWsQlU8Ym5JP9eO4xkTIROFCQvhQf61z6O/G6ugw3SgAnvvm+HA==}
+  /typescript@5.2.2:
+    resolution: {integrity: sha512-mI4WrpHsbCIcwT9cF4FZvr80QUeKvsUsUvKDoR+X/7XHQH98xYD8YHZg7ANtz2GtZt/CBq2QJ0thkGJMHfqc1w==}
     engines: {node: '>=14.17'}
     hasBin: true
     dev: true
@@ -6970,8 +7161,8 @@ packages:
       which-boxed-primitive: 1.0.2
     dev: true
 
-  /undici@5.22.1:
-    resolution: {integrity: sha512-Ji2IJhFXZY0x/0tVBXeQwgPlLWw13GVzpsWPQ3rV50IFMMof2I55PZZxtm4P6iNq+L5znYN9nSTAq0ZyE6lSJw==}
+  /undici@5.23.0:
+    resolution: {integrity: sha512-1D7w+fvRsqlQ9GscLBwcAJinqcZGHUKjbOmXdlE/v8BvEGXjeWAax+341q44EuTcHXXnfyKNbKRq4Lg7OzhMmg==}
     engines: {node: '>=14.0'}
     dependencies:
       busboy: 1.6.0
@@ -7022,7 +7213,7 @@ packages:
     engines: {node: '>=6.14.2'}
     requiresBuild: true
     dependencies:
-      node-gyp-build: 4.6.0
+      node-gyp-build: 4.6.1
     dev: false
 
   /utif2@4.1.0:
@@ -7042,11 +7233,11 @@ packages:
       spdx-expression-parse: 3.0.1
     dev: true
 
-  /vite-imagetools@5.0.7:
-    resolution: {integrity: sha512-8g7RU+liA4uWuujSe3hdMTCNWimMJsdLIU5uB+/SUBQ+j0TcaMKnQZ6n4LCBF2w30ml1X8WNFGOcTblquWrgGQ==}
+  /vite-imagetools@5.0.8:
+    resolution: {integrity: sha512-oFNfc58iLz1lHFsIKQy+wp0RNcZjiaDeHYTexYowpf4RYx9tZ97eWEcw8lQ1jDT8AnOso6XZi5iGjLNAeTR9Tw==}
     engines: {node: '>=12.0.0'}
     dependencies:
-      '@rollup/pluginutils': 5.0.2(rollup@3.26.2)
+      '@rollup/pluginutils': 5.0.3
       imagetools-core: 4.0.5
     transitivePeerDependencies:
       - rollup
@@ -7062,7 +7253,7 @@ packages:
       mlly: 1.4.0
       pathe: 1.1.1
       picocolors: 1.0.0
-      vite: 4.4.8(@types/node@14.18.51)
+      vite: 4.4.9(@types/node@14.18.51)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -7074,8 +7265,8 @@ packages:
       - terser
     dev: true
 
-  /vite@4.4.8(@types/node@14.18.51):
-    resolution: {integrity: sha512-LONawOUUjxQridNWGQlNizfKH89qPigK36XhMI7COMGztz8KNY0JHim7/xDd71CZwGT4HtSRgI7Hy+RlhG0Gvg==}
+  /vite@4.4.9(@types/node@14.18.51):
+    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -7103,15 +7294,15 @@ packages:
         optional: true
     dependencies:
       '@types/node': 14.18.51
-      esbuild: 0.18.11
-      postcss: 8.4.27
-      rollup: 3.26.2
+      esbuild: 0.18.20
+      postcss: 8.4.31
+      rollup: 3.28.0
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
     dev: true
 
-  /vite@4.4.8(@types/node@20.4.7)(lightningcss@1.21.5)(sass@1.64.2):
-    resolution: {integrity: sha512-LONawOUUjxQridNWGQlNizfKH89qPigK36XhMI7COMGztz8KNY0JHim7/xDd71CZwGT4HtSRgI7Hy+RlhG0Gvg==}
+  /vite@4.4.9(@types/node@20.6.1)(lightningcss@1.21.8)(sass@1.67.0):
+    resolution: {integrity: sha512-2mbUn2LlUmNASWwSCNSJ/EG2HuSRTnVNaydp6vMCm5VIqJsjMfbIWtbH2kDuwUVW5mMUKKZvGPX/rqeqVvv1XA==}
     engines: {node: ^14.18.0 || >=16.0.0}
     hasBin: true
     peerDependencies:
@@ -7138,16 +7329,16 @@ packages:
       terser:
         optional: true
     dependencies:
-      '@types/node': 20.4.7
-      esbuild: 0.18.17
-      lightningcss: 1.21.5
-      postcss: 8.4.27
-      rollup: 3.27.1
-      sass: 1.64.2
+      '@types/node': 20.6.1
+      esbuild: 0.18.20
+      lightningcss: 1.21.8
+      postcss: 8.4.31
+      rollup: 3.28.0
+      sass: 1.67.0
     optionalDependencies:
-      fsevents: 2.3.2
+      fsevents: 2.3.3
 
-  /vitefu@0.2.4(vite@4.4.8):
+  /vitefu@0.2.4(vite@4.4.9):
     resolution: {integrity: sha512-fanAXjSaf9xXtOOeno8wZXIhgia+CZury481LsDaV++lSvcU2R9Ch2bPh3PYFyoHW+w9LqAeYRISVQjUIew14g==}
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0
@@ -7155,9 +7346,9 @@ packages:
       vite:
         optional: true
     dependencies:
-      vite: 4.4.8(@types/node@20.4.7)(lightningcss@1.21.5)(sass@1.64.2)
+      vite: 4.4.9(@types/node@20.6.1)(lightningcss@1.21.8)(sass@1.67.0)
 
-  /vitest@0.33.0(happy-dom@9.20.3)(jsdom@21.1.2)(playwright@1.35.1):
+  /vitest@0.33.0(happy-dom@9.20.3)(jsdom@22.0.0)(playwright@1.35.1):
     resolution: {integrity: sha512-1CxaugJ50xskkQ0e969R/hW47za4YXDUfWJDxip1hwbnhUjYolpfUn2AMOulqG/Dtd9WYAtkHmM/m3yKVrEejQ==}
     engines: {node: '>=v14.18.0'}
     hasBin: true
@@ -7202,9 +7393,9 @@ packages:
       chai: 4.3.7
       debug: 4.3.4
       happy-dom: 9.20.3
-      jsdom: 21.1.2
+      jsdom: 22.0.0
       local-pkg: 0.4.3
-      magic-string: 0.30.2
+      magic-string: 0.30.4
       pathe: 1.1.1
       picocolors: 1.0.0
       playwright: 1.35.1
@@ -7212,7 +7403,7 @@ packages:
       strip-literal: 1.0.1
       tinybench: 2.5.0
       tinypool: 0.6.0
-      vite: 4.4.8(@types/node@14.18.51)
+      vite: 4.4.9(@types/node@14.18.51)
       vite-node: 0.33.0(@types/node@14.18.51)
       why-is-node-running: 2.2.2
     transitivePeerDependencies:
@@ -7370,11 +7561,6 @@ packages:
       string-width: 4.2.3
     dev: true
 
-  /word-wrap@1.2.3:
-    resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
-    engines: {node: '>=0.10.0'}
-    dev: true
-
   /wrap-ansi@6.2.0:
     resolution: {integrity: sha512-r6lPcBGxZXlIcymEu7InxDMhdW0KDxpLgoFLcguasxCaJ/SOIZwINatK9KY/tf+ZrlywOKU0UDj3ATXUBfxJXA==}
     engines: {node: '>=8'}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index c8e214f996..c73122314a 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,4 @@
 packages:
-  - 'sites/*'
   - 'packages/*'
+  - 'playgrounds/*'
+  - 'sites/*'
diff --git a/sites/svelte.dev/package.json b/sites/svelte.dev/package.json
index b74cb730bb..2a5e1fe050 100644
--- a/sites/svelte.dev/package.json
+++ b/sites/svelte.dev/package.json
@@ -18,8 +18,8 @@
   },
   "dependencies": {
     "@jridgewell/sourcemap-codec": "^1.4.15",
-    "@supabase/supabase-js": "^2.31.0",
-    "@sveltejs/repl": "0.5.0",
+    "@supabase/supabase-js": "^2.33.2",
+    "@sveltejs/repl": "0.6.0",
     "cookie": "^0.5.0",
     "devalue": "^4.3.2",
     "do-not-zip": "^1.0.0",
@@ -29,32 +29,32 @@
   "devDependencies": {
     "@resvg/resvg-js": "^2.4.1",
     "@sveltejs/adapter-vercel": "^3.0.3",
-    "@sveltejs/kit": "^1.22.4",
-    "@sveltejs/site-kit": "6.0.0-next.25",
-    "@sveltejs/vite-plugin-svelte": "^2.4.3",
-    "@types/cookie": "^0.5.1",
-    "@types/node": "^20.4.7",
+    "@sveltejs/kit": "^1.24.1",
+    "@sveltejs/site-kit": "6.0.0-next.50",
+    "@sveltejs/vite-plugin-svelte": "^2.4.6",
+    "@types/cookie": "^0.5.2",
+    "@types/node": "^20.5.9",
     "browserslist": "^4.21.10",
     "degit": "^2.8.4",
     "dotenv": "^16.3.1",
     "jimp": "^0.22.10",
-    "lightningcss": "^1.21.5",
-    "magic-string": "^0.30.2",
-    "marked": "^6.0.0",
-    "prettier": "^3.0.1",
+    "lightningcss": "^1.21.8",
+    "magic-string": "^0.30.3",
+    "marked": "^9.0.0",
+    "prettier": "^3.0.3",
     "prettier-plugin-svelte": "^3.0.3",
-    "sass": "^1.64.2",
-    "satori": "^0.10.2",
+    "sass": "^1.67.0",
+    "satori": "^0.10.4",
     "satori-html": "^0.3.2",
     "shelljs": "^0.8.5",
-    "shiki": "^0.14.3",
+    "shiki": "^0.14.4",
     "shiki-twoslash": "^3.1.2",
     "svelte": "workspace:*",
-    "svelte-check": "^3.4.6",
+    "svelte-check": "^3.5.1",
     "svelte-preprocess": "^5.0.4",
     "tiny-glob": "^0.2.9",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.8",
-    "vite-imagetools": "^5.0.7"
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vite-imagetools": "^5.0.8"
   }
 }
diff --git a/sites/svelte.dev/scripts/get_contributors.js b/sites/svelte.dev/scripts/get_contributors.js
index 00c7830096..cc2b9d4ae7 100644
--- a/sites/svelte.dev/scripts/get_contributors.js
+++ b/sites/svelte.dev/scripts/get_contributors.js
@@ -65,7 +65,9 @@ try {
 	await sprite
 		.quality(80)
 		.writeAsync(
-			new URL(`../src/routes/_components/Supporters/contributors.jpg`, import.meta.url).pathname
+			fileURLToPath(
+				new URL(`../src/routes/_components/Supporters/contributors.jpg`, import.meta.url)
+			)
 		);
 
 	const str = `[\n\t${authors.map((a) => `'${a.login}'`).join(',\n\t')}\n]`;
diff --git a/sites/svelte.dev/scripts/get_donors.js b/sites/svelte.dev/scripts/get_donors.js
index 60749f21c5..d90832f0dd 100644
--- a/sites/svelte.dev/scripts/get_donors.js
+++ b/sites/svelte.dev/scripts/get_donors.js
@@ -59,7 +59,7 @@ try {
 	await sprite
 		.quality(80)
 		.writeAsync(
-			new URL(`../src/routes/_components/Supporters/donors.jpg`, import.meta.url).pathname
+			fileURLToPath(new URL(`../src/routes/_components/Supporters/donors.jpg`, import.meta.url))
 		);
 
 	const str = `[\n\t${included.map((a) => `${JSON.stringify(a.backer.name)}`).join(',\n\t')}\n]`;
diff --git a/sites/svelte.dev/src/app.d.ts b/sites/svelte.dev/src/app.d.ts
new file mode 100644
index 0000000000..802da7819e
--- /dev/null
+++ b/sites/svelte.dev/src/app.d.ts
@@ -0,0 +1,10 @@
+declare global {
+	namespace App {
+		// interface Error {}
+		// interface Locals {}
+		// interface PageData {}
+		// interface Platform {}
+	}
+}
+
+export {};
diff --git a/sites/svelte.dev/src/app.html b/sites/svelte.dev/src/app.html
index 99ce1df112..bc2a51cc82 100644
--- a/sites/svelte.dev/src/app.html
+++ b/sites/svelte.dev/src/app.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en" class="theme-default typo-default">
 	<head>
 		<meta charset="utf-8" />
diff --git a/sites/svelte.dev/src/hooks.server.js b/sites/svelte.dev/src/hooks.server.js
new file mode 100644
index 0000000000..06ef665cfb
--- /dev/null
+++ b/sites/svelte.dev/src/hooks.server.js
@@ -0,0 +1,6 @@
+/** @type {import('@sveltejs/kit').Handle} */
+export async function handle({ event, resolve }) {
+	return await resolve(event, {
+		preload: ({ type }) => type === 'js' || type === 'css' || type === 'font'
+	});
+}
diff --git a/sites/svelte.dev/src/lib/server/blog/index.js b/sites/svelte.dev/src/lib/server/blog/index.js
index 40bbf4ef48..d0bcbe96c7 100644
--- a/sites/svelte.dev/src/lib/server/blog/index.js
+++ b/sites/svelte.dev/src/lib/server/blog/index.js
@@ -2,6 +2,7 @@
 import { extractFrontmatter } from '@sveltejs/site-kit/markdown';
 import { CONTENT_BASE_PATHS } from '../../../constants.js';
 import { render_content } from '../renderer.js';
+import { get_sections } from '../docs/index.js';
 
 /**
  * @param {import('./types').BlogData} blog_data
@@ -47,7 +48,8 @@ export async function get_blog_data(base = CONTENT_BASE_PATHS.BLOG) {
 			author: {
 				name: metadata.author,
 				url: metadata.authorURL
-			}
+			},
+			sections: await get_sections(body)
 		});
 	}
 
diff --git a/sites/svelte.dev/src/lib/server/blog/types.d.ts b/sites/svelte.dev/src/lib/server/blog/types.d.ts
index e962e88953..cc2ee90f28 100644
--- a/sites/svelte.dev/src/lib/server/blog/types.d.ts
+++ b/sites/svelte.dev/src/lib/server/blog/types.d.ts
@@ -1,3 +1,5 @@
+import type { Section } from '../docs/types';
+
 export interface BlogPost {
 	title: string;
 	description: string;
@@ -11,6 +13,7 @@ export interface BlogPost {
 	};
 	draft: boolean;
 	content: string;
+	sections: Section[];
 }
 
 export type BlogData = BlogPost[];
diff --git a/sites/svelte.dev/src/lib/server/docs/index.js b/sites/svelte.dev/src/lib/server/docs/index.js
index 29457886ea..8e5e591115 100644
--- a/sites/svelte.dev/src/lib/server/docs/index.js
+++ b/sites/svelte.dev/src/lib/server/docs/index.js
@@ -76,7 +76,7 @@ export async function get_docs_data(base = CONTENT_BASE_PATHS.DOCS) {
 				slug: page_slug,
 				content: page_content,
 				category: category_title,
-				sections: get_sections(page_content),
+				sections: await get_sections(page_content),
 				path: `${app_base}/docs/${page_slug}`,
 				file: `${category_dir}/${filename}`
 			});
@@ -99,19 +99,20 @@ export function get_docs_list(docs_data) {
 	}));
 }
 
-const titled = (str) =>
+const titled = async (str) =>
 	removeMarkdown(
-		escape(markedTransform(str, { paragraph: (txt) => txt }))
+		escape(await markedTransform(str, { paragraph: (txt) => txt }))
 			.replace(/<\/?code>/g, '')
 			.replace(/&#39;/g, "'")
 			.replace(/&quot;/g, '"')
 			.replace(/&lt;/g, '<')
 			.replace(/&gt;/g, '>')
+			.replace(/&amp;/, '&')
 			.replace(/<(\/)?(em|b|strong|code)>/g, '')
 	);
 
 /** @param {string} markdown */
-function get_sections(markdown) {
+export async function get_sections(markdown) {
 	const lines = markdown.split('\n');
 	const root = /** @type {import('./types').Section} */ ({
 		title: 'Root',
@@ -122,11 +123,11 @@ function get_sections(markdown) {
 	});
 	let currentNodes = [root];
 
-	lines.forEach((line) => {
+	for (const line of lines) {
 		const match = line.match(/^(#{2,4})\s(.*)/);
 		if (match) {
 			const level = match[1].length - 2;
-			const text = titled(match[2]);
+			const text = await titled(match[2]);
 			const slug = normalizeSlugify(text);
 
 			// Prepare new node
@@ -149,7 +150,7 @@ function get_sections(markdown) {
 			// Add non-heading line to the text of the current section
 			currentNodes[currentNodes.length - 1].text += line + '\n';
 		}
-	});
+	}
 
 	return root.sections;
 }
diff --git a/sites/svelte.dev/src/routes/(authed)/+layout.server.js b/sites/svelte.dev/src/routes/(authed)/+layout.server.js
index 6271b50b3b..1646322c00 100644
--- a/sites/svelte.dev/src/routes/(authed)/+layout.server.js
+++ b/sites/svelte.dev/src/routes/(authed)/+layout.server.js
@@ -2,9 +2,7 @@ import * as session from '$lib/db/session';
 
 /** @type {import('@sveltejs/adapter-vercel').Config} */
 export const config = {
-	// regions: ['pdx1', 'sfo1', 'cle1', 'iad1'],
-	regions: 'all',
-	runtime: 'edge'
+	runtime: 'nodejs18.x' // see https://github.com/sveltejs/svelte/pull/9136
 };
 
 export async function load({ request }) {
diff --git a/sites/svelte.dev/src/routes/(authed)/repl/+page.js b/sites/svelte.dev/src/routes/(authed)/repl/+page.js
index 4a98d35911..12eff1cdd3 100644
--- a/sites/svelte.dev/src/routes/(authed)/repl/+page.js
+++ b/sites/svelte.dev/src/routes/(authed)/repl/+page.js
@@ -5,6 +5,7 @@ export function load({ url }) {
 	const gist = query.get('gist');
 	const example = query.get('example');
 	const version = query.get('version');
+	const vim = query.get('vim');
 
 	// redirect to v2 REPL if appropriate
 	if (/^[^>]?[12]/.test(version)) {
@@ -12,7 +13,12 @@ export function load({ url }) {
 	}
 
 	const id = gist || example || 'hello-world';
-	const q = version ? `?version=${version}` : ``;
-
-	throw redirect(301, `/repl/${id}${q}`);
+	// we need to filter out null values
+	const q = new URLSearchParams(
+		Object.entries({
+			version,
+			vim
+		}).filter(([, value]) => value !== null)
+	).toString();
+	throw redirect(301, `/repl/${id}?${q}`);
 }
diff --git a/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.js b/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.js
new file mode 100644
index 0000000000..b130a6663c
--- /dev/null
+++ b/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.js
@@ -0,0 +1,18 @@
+import { browser } from '$app/environment';
+
+export function load({ data, url }) {
+	// initialize vim with the search param
+	const vim_search_params = url.searchParams.get('vim');
+	let vim = vim_search_params !== null && vim_search_params !== 'false';
+	// when in the browser check if there's a local storage entry and eventually override
+	// vim if there's not a search params otherwise update the local storage
+	if (browser) {
+		const vim_local_storage = window.localStorage.getItem('svelte:vim-enabled');
+		if (vim_search_params !== null) {
+			window.localStorage.setItem('svelte:vim-enabled', vim.toString());
+		} else if (vim_local_storage) {
+			vim = vim_local_storage !== 'false';
+		}
+	}
+	return { ...data, vim };
+}
diff --git a/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte b/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
index 47fdc9bab7..c867ff332f 100644
--- a/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
+++ b/sites/svelte.dev/src/routes/(authed)/repl/[id]/+page.svelte
@@ -61,6 +61,8 @@
 			: `https://unpkg.com/svelte@${version}`;
 
 	$: relaxed = data.gist.relaxed || (data.user && data.user.id === data.gist.owner);
+
+	$: vim = data.vim;
 </script>
 
 <svelte:head>
@@ -87,6 +89,7 @@
 			bind:this={repl}
 			{svelteUrl}
 			{relaxed}
+			{vim}
 			injectedJS={mapbox_setup}
 			showModified
 			showAst
@@ -101,8 +104,8 @@
 <style>
 	.repl-outer {
 		position: relative;
-		height: calc(100% - var(--sk-nav-height));
-		height: calc(100dvh - var(--sk-nav-height));
+		height: calc(100% - var(--sk-nav-height) - var(--sk-banner-bottom-height));
+		height: calc(100dvh - var(--sk-nav-height) - var(--sk-banner-bottom-height));
 		--app-controls-h: 5.6rem;
 		--pane-controls-h: 4.2rem;
 		overflow: hidden;
diff --git a/sites/svelte.dev/src/routes/+layout.svelte b/sites/svelte.dev/src/routes/+layout.svelte
index ab15ba8182..cd3de32c8f 100644
--- a/sites/svelte.dev/src/routes/+layout.svelte
+++ b/sites/svelte.dev/src/routes/+layout.svelte
@@ -7,10 +7,24 @@
 	import '@sveltejs/site-kit/styles/index.css';
 
 	export let data;
+
+	/** @type {import('@sveltejs/kit').Snapshot<number>} */
+	let shell_snapshot;
+
+	export const snapshot = {
+		capture() {
+			return {
+				shell: shell_snapshot?.capture()
+			};
+		},
+		restore(data) {
+			shell_snapshot?.restore(data.shell);
+		}
+	};
 </script>
 
 <svelte:head>
-	{#if $page.route.id !== '/blog/[slug]'}
+	{#if !$page.route.id.startsWith('/blog/')}
 		<meta name="twitter:card" content="summary" />
 		<meta name="twitter:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
 		<meta name="og:image" content="https://svelte.dev/images/twitter-thumbnail.jpg" />
@@ -18,7 +32,11 @@
 </svelte:head>
 
 <div style:display={$page.url.pathname !== '/docs' ? 'contents' : 'none'}>
-	<Shell nav_visible={$page.url.pathname !== '/repl/embed'}>
+	<Shell
+		nav_visible={$page.url.pathname !== '/repl/embed'}
+		bind:snapshot={shell_snapshot}
+		banner_bottom_height="42px"
+	>
 		<Nav slot="top-nav" title={data.nav_title} links={data.nav_links}>
 			<svelte:fragment slot="home-large">
 				<strong>svelte</strong>.dev
@@ -54,6 +72,10 @@
 		</Nav>
 
 		<slot />
+
+		<div slot="banner-bottom" class="banner-bottom">
+			<a href="/blog/runes" class="banner-bottom">Introducing the upcoming Svelte 5 API: Runes</a>
+		</div>
 	</Shell>
 </div>
 
@@ -70,4 +92,12 @@
 		height: 100%;
 		width: 100%;
 	}
+
+	.banner-bottom {
+		text-align: center;
+		background: var(--sk-theme-1-variant);
+		color: white;
+		text-decoration: underline;
+		padding: 8px;
+	}
 </style>
diff --git a/sites/svelte.dev/src/routes/+page.svelte b/sites/svelte.dev/src/routes/+page.svelte
index 63d84ee6b8..3a3463f712 100644
--- a/sites/svelte.dev/src/routes/+page.svelte
+++ b/sites/svelte.dev/src/routes/+page.svelte
@@ -92,7 +92,7 @@
 		]
 	}}
 >
-	<span slot="copyright">
+	<span slot="license">
 		Svelte is <a href="https://github.com/sveltejs/svelte">free and open source software</a> released
 		under the MIT license
 	</span>
diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte
index 3ddab56964..ecee643a0a 100644
--- a/sites/svelte.dev/src/routes/_components/Demo.svelte
+++ b/sites/svelte.dev/src/routes/_components/Demo.svelte
@@ -31,10 +31,6 @@
 	let selected = examples[0];
 </script>
 
-<svelte:head>
-	<link rel="prefetch" href="/fonts/overpass/overpass-latin-400.woff2" />
-</svelte:head>
-
 <Section --background="var(--sk-back-2)">
 	<h3>build with ease</h3>
 
diff --git a/sites/svelte.dev/src/routes/_components/Hero.svelte b/sites/svelte.dev/src/routes/_components/Hero.svelte
index 9122196b4b..f4223b0a97 100644
--- a/sites/svelte.dev/src/routes/_components/Hero.svelte
+++ b/sites/svelte.dev/src/routes/_components/Hero.svelte
@@ -96,7 +96,6 @@
 		border-radius: var(--sk-border-radius);
 		box-shadow: 0px 6px 14px rgba(0, 0, 0, 0.08);
 		color: #fff;
-		color: color-mix(in hwb, hsl(var(--sk-theme-1-hsl)) 10%, var(--sk-back-1) 95%);
 		transition: 0.5s var(--quint-out);
 		transition-property: box-shadow, color;
 	}
diff --git a/sites/svelte.dev/src/routes/blog/+page.svelte b/sites/svelte.dev/src/routes/blog/+page.svelte
index f6a675e7e5..39bd289603 100644
--- a/sites/svelte.dev/src/routes/blog/+page.svelte
+++ b/sites/svelte.dev/src/routes/blog/+page.svelte
@@ -34,7 +34,7 @@
 	.posts {
 		grid-template-columns: 1fr 1fr;
 		grid-gap: 1em;
-		min-height: calc(100vh - var(--sk-nav-height));
+		min-height: calc(100vh - var(--sk-nav-height) - var(--sk-banner-bottom-height));
 		padding: var(--sk-page-padding-top) var(--sk-page-padding-side) 6rem var(--sk-page-padding-side);
 		max-width: var(--sk-page-main-width);
 		margin: 0 auto;
diff --git a/sites/svelte.dev/src/routes/blog/[slug]/+page.server.js b/sites/svelte.dev/src/routes/blog/[slug]/+page.server.js
index cf5bbfcf70..47bb643fa2 100644
--- a/sites/svelte.dev/src/routes/blog/[slug]/+page.server.js
+++ b/sites/svelte.dev/src/routes/blog/[slug]/+page.server.js
@@ -4,10 +4,14 @@ import { error } from '@sveltejs/kit';
 export const prerender = true;
 
 export async function load({ params }) {
-	const post = get_processed_blog_post(await get_blog_data(), params.slug);
+	const post = await get_processed_blog_post(await get_blog_data(), params.slug);
 
 	if (!post) throw error(404);
 
+	// forgive me — terrible hack necessary to get diffs looking sensible
+	// on the `runes` blog post
+	post.content = post.content.replace(/(    )+/gm, (match) => '  '.repeat(match.length / 4));
+
 	return {
 		post
 	};
diff --git a/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte b/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte
index 03421d89bb..158973aebe 100644
--- a/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/blog/[slug]/+page.svelte
@@ -1,6 +1,7 @@
 <script>
 	import { page } from '$app/stores';
-	import { setupDocsHovers } from '@sveltejs/site-kit/docs';
+	import { copy_code_descendants } from '@sveltejs/site-kit/actions';
+	import { DocsOnThisPage, setupDocsHovers } from '@sveltejs/site-kit/docs';
 
 	export let data;
 
@@ -19,17 +20,31 @@
 	<meta name="og:image" content="https://svelte.dev/blog/{$page.params.slug}/card.png" />
 </svelte:head>
 
-<article class="post listify text">
-	<h1>{data.post.title}</h1>
-	<p class="standfirst">{data.post.description}</p>
-
-	<p class="byline">
-		<a href={data.post.author.url}>{data.post.author.name}</a>
-		<time datetime={data.post.date}>{data.post.date_formatted}</time>
-	</p>
-
-	{@html data.post.content}
-</article>
+<div class="content">
+	<article class="post listify text" use:copy_code_descendants>
+		<h1>{data.post.title}</h1>
+		<p class="standfirst">{data.post.description}</p>
+
+		<p class="byline">
+			<a href={data.post.author.url}>{data.post.author.name}</a>
+			<time datetime={data.post.date}>{data.post.date_formatted}</time>
+		</p>
+
+		<DocsOnThisPage
+			details={{
+				content: '',
+				file: '',
+				path: `/blog/${data.post.slug}`,
+				sections: data.post.sections,
+				slug: data.post.slug,
+				title: data.post.title
+			}}
+			orientation="inline"
+		/>
+
+		{@html data.post.content}
+	</article>
+</div>
 
 <!-- the crawler doesn't understand twitter:image etc, so we have to add this hack. TODO fix in sveltekit -->
 <img hidden src="/blog/{$page.params.slug}/card.png" alt="Social card for {data.post.title}" />
@@ -53,7 +68,7 @@
 	}
 
 	.byline {
-		margin: 0 0 6rem 0;
+		margin: 0 0 1rem 0;
 		padding: 1.6rem 0 0 0;
 		border-top: var(--sk-thick-border-width) solid #6767785b;
 		font-size: var(--sk-text-xs);
diff --git a/sites/svelte.dev/src/routes/content.json/content.server.js b/sites/svelte.dev/src/routes/content.json/content.server.js
index 5dc2355fda..0e51735046 100644
--- a/sites/svelte.dev/src/routes/content.json/content.server.js
+++ b/sites/svelte.dev/src/routes/content.json/content.server.js
@@ -36,7 +36,10 @@ export async function content() {
 		const slug = match[1];
 
 		const filepath = `${base}/docs/${file}`;
-		const markdown = replaceExportTypePlaceholders(await readFile(filepath, 'utf-8'), modules);
+		const markdown = await replaceExportTypePlaceholders(
+			await readFile(filepath, 'utf-8'),
+			modules
+		);
 
 		const { body, metadata } = extractFrontmatter(markdown);
 
@@ -45,9 +48,9 @@ export async function content() {
 		const rank = +metadata.rank || undefined;
 
 		blocks.push({
-			breadcrumbs: [...breadcrumbs, removeMarkdown(remove_TYPE(metadata.title) ?? '')],
+			breadcrumbs: [...breadcrumbs, removeMarkdown(metadata.title ?? '')],
 			href: get_href([slug]),
-			content: plaintext(intro),
+			content: await plaintext(intro),
 			rank
 		});
 
@@ -61,13 +64,9 @@ export async function content() {
 			const intro = subsections.shift().trim();
 
 			blocks.push({
-				breadcrumbs: [
-					...breadcrumbs,
-					removeMarkdown(remove_TYPE(metadata.title)),
-					remove_TYPE(removeMarkdown(h2))
-				],
+				breadcrumbs: [...breadcrumbs, removeMarkdown(metadata.title), removeMarkdown(h2)],
 				href: get_href([slug, normalizeSlugify(h2)]),
-				content: plaintext(intro),
+				content: await plaintext(intro),
 				rank
 			});
 
@@ -78,12 +77,12 @@ export async function content() {
 				blocks.push({
 					breadcrumbs: [
 						...breadcrumbs,
-						removeMarkdown(remove_TYPE(metadata.title)),
-						removeMarkdown(remove_TYPE(h2)),
-						removeMarkdown(remove_TYPE(h3))
+						removeMarkdown(metadata.title),
+						removeMarkdown(h2),
+						removeMarkdown(h3)
 					],
 					href: get_href([slug, normalizeSlugify(h2) + '-' + normalizeSlugify(h3)]),
-					content: plaintext(lines.join('\n').trim()),
+					content: await plaintext(lines.join('\n').trim()),
 					rank
 				});
 			}
@@ -93,43 +92,40 @@ export async function content() {
 	return blocks;
 }
 
-/** @param {string} str */
-function remove_TYPE(str) {
-	return str?.replace(/^\[TYPE\]:\s+(.+)/, '$1') ?? '';
-}
-
 /** @param {string} markdown */
-function plaintext(markdown) {
+async function plaintext(markdown) {
 	/** @param {unknown} text */
 	const block = (text) => `${text}\n`;
 
 	/** @param {string} text */
 	const inline = (text) => text;
 
-	return markedTransform(markdown, {
-		code: (source) => source.split('// ---cut---\n').pop(),
-		blockquote: block,
-		html: () => '\n',
-		heading: (text) => `${text}\n`,
-		hr: () => '',
-		list: block,
-		listitem: block,
-		checkbox: block,
-		paragraph: (text) => `${text}\n\n`,
-		table: block,
-		tablerow: block,
-		tablecell: (text, opts) => {
-			return text + ' ';
-		},
-		strong: inline,
-		em: inline,
-		codespan: inline,
-		br: () => '',
-		del: inline,
-		link: (href, title, text) => text,
-		image: (href, title, text) => text,
-		text: inline
-	})
+	return (
+		await markedTransform(markdown, {
+			code: (source) => source.split('// ---cut---\n').pop(),
+			blockquote: block,
+			html: () => '\n',
+			heading: (text) => `${text}\n`,
+			hr: () => '',
+			list: block,
+			listitem: block,
+			checkbox: block,
+			paragraph: (text) => `${text}\n\n`,
+			table: block,
+			tablerow: block,
+			tablecell: (text, opts) => {
+				return text + ' ';
+			},
+			strong: inline,
+			em: inline,
+			codespan: inline,
+			br: () => '',
+			del: inline,
+			link: (href, title, text) => text,
+			image: (href, title, text) => text,
+			text: inline
+		})
+	)
 		.replace(/&lt;/g, '<')
 		.replace(/&gt;/g, '>')
 		.replace(/&#(\d+);/g, (match, code) => {
diff --git a/sites/svelte.dev/src/routes/docs/+layout.svelte b/sites/svelte.dev/src/routes/docs/+layout.svelte
index 097fde98ff..0b9160919a 100644
--- a/sites/svelte.dev/src/routes/docs/+layout.svelte
+++ b/sites/svelte.dev/src/routes/docs/+layout.svelte
@@ -70,7 +70,7 @@
 		.toc-container {
 			display: block;
 			width: var(--sidebar-width);
-			height: calc(100vh - var(--sk-nav-height));
+			height: calc(100vh - var(--sk-nav-height) - var(--sk-banner-bottom-height));
 			position: fixed;
 			left: 0;
 			top: var(--sk-nav-height);
diff --git a/sites/svelte.dev/src/routes/docs/[slug]/+page.svelte b/sites/svelte.dev/src/routes/docs/[slug]/+page.svelte
index 1bdcbccc40..ddcdadf144 100644
--- a/sites/svelte.dev/src/routes/docs/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/docs/[slug]/+page.svelte
@@ -1,6 +1,7 @@
 <script>
 	import { page } from '$app/stores';
 	import { Icon } from '@sveltejs/site-kit/components';
+	import { copy_code_descendants } from '@sveltejs/site-kit/actions';
 	import { DocsOnThisPage, setupDocsHovers } from '@sveltejs/site-kit/docs';
 
 	export let data;
@@ -21,7 +22,7 @@
 	<meta name="Description" content="{data.page.title} • Svelte documentation" />
 </svelte:head>
 
-<div class="text" id="docs-content">
+<div class="text" id="docs-content" use:copy_code_descendants>
 	<a
 		class="edit"
 		href="https://github.com/sveltejs/svelte/edit/master/documentation/docs/{data.page.file}"
diff --git a/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte b/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte
index 32f07de7d2..22c6d4f81a 100644
--- a/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/examples/[slug]/+page.svelte
@@ -65,7 +65,7 @@
 <style>
 	.examples-container {
 		position: relative;
-		height: calc(100vh - var(--sk-nav-height));
+		height: calc(100vh - var(--sk-nav-height) - var(--sk-banner-bottom-height));
 		overflow: hidden;
 		padding: 0 0 42px 0;
 		box-sizing: border-box;
diff --git a/sites/svelte.dev/src/routes/nav.json/+server.js b/sites/svelte.dev/src/routes/nav.json/+server.js
index c943b09799..aa7c1eb069 100644
--- a/sites/svelte.dev/src/routes/nav.json/+server.js
+++ b/sites/svelte.dev/src/routes/nav.json/+server.js
@@ -26,7 +26,7 @@ async function get_nav_list() {
 
 	const processed_blog_list = [
 		{
-			title: 'Blog',
+			title: '',
 			sections: blog_list.map(({ title, slug, date }) => ({
 				title,
 				path: '/blog/' + slug,
@@ -49,13 +49,23 @@ async function get_nav_list() {
 			title: 'Docs',
 			prefix: 'docs',
 			pathname: '/docs/introduction',
-			sections: processed_docs_list
+			sections: [
+				{
+					title: 'DOCS',
+					sections: processed_docs_list
+				}
+			]
 		},
 		{
 			title: 'Examples',
 			prefix: 'examples',
 			pathname: '/examples',
-			sections: processed_examples_list
+			sections: [
+				{
+					title: 'EXAMPLES',
+					sections: processed_examples_list
+				}
+			]
 		},
 		{
 			title: 'REPL',
@@ -66,7 +76,12 @@ async function get_nav_list() {
 			title: 'Blog',
 			prefix: 'blog',
 			pathname: '/blog',
-			sections: processed_blog_list
+			sections: [
+				{
+					title: 'BLOG',
+					sections: processed_blog_list
+				}
+			]
 		}
 	];
 }
diff --git a/sites/svelte.dev/src/routes/tutorial/+layout.svelte b/sites/svelte.dev/src/routes/tutorial/+layout.svelte
new file mode 100644
index 0000000000..824d5fa141
--- /dev/null
+++ b/sites/svelte.dev/src/routes/tutorial/+layout.svelte
@@ -0,0 +1,5 @@
+<svelte:head>
+	<meta name="robots" content="noindex">
+</svelte:head>
+
+<slot />
diff --git a/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte b/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
index fdc7aaba06..2ec28418d4 100644
--- a/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
+++ b/sites/svelte.dev/src/routes/tutorial/[slug]/+page.svelte
@@ -161,7 +161,7 @@
 <style>
 	.tutorial-outer {
 		position: relative;
-		height: calc(100vh - var(--sk-nav-height));
+		height: calc(100vh - var(--sk-nav-height) - var(--sk-banner-bottom-height));
 		overflow: hidden;
 		padding: 0 0 42px 0;
 		box-sizing: border-box;
diff --git a/sites/svelte.dev/static/fonts/fira-mono/fira-mono-latin-400.woff2 b/sites/svelte.dev/static/fonts/fira-mono/fira-mono-latin-400.woff2
deleted file mode 100644
index e81b9f3c56..0000000000
Binary files a/sites/svelte.dev/static/fonts/fira-mono/fira-mono-latin-400.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/overpass/overpass-latin-100.woff2 b/sites/svelte.dev/static/fonts/overpass/overpass-latin-100.woff2
deleted file mode 100644
index a828f98880..0000000000
Binary files a/sites/svelte.dev/static/fonts/overpass/overpass-latin-100.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/overpass/overpass-latin-300.woff2 b/sites/svelte.dev/static/fonts/overpass/overpass-latin-300.woff2
deleted file mode 100644
index 15e204c35e..0000000000
Binary files a/sites/svelte.dev/static/fonts/overpass/overpass-latin-300.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/overpass/overpass-latin-400.woff2 b/sites/svelte.dev/static/fonts/overpass/overpass-latin-400.woff2
deleted file mode 100644
index 8f469bb22e..0000000000
Binary files a/sites/svelte.dev/static/fonts/overpass/overpass-latin-400.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/overpass/overpass-latin-600.woff2 b/sites/svelte.dev/static/fonts/overpass/overpass-latin-600.woff2
deleted file mode 100644
index 1956aca6e0..0000000000
Binary files a/sites/svelte.dev/static/fonts/overpass/overpass-latin-600.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/overpass/overpass-latin-700.woff2 b/sites/svelte.dev/static/fonts/overpass/overpass-latin-700.woff2
deleted file mode 100644
index 14a7f9cce5..0000000000
Binary files a/sites/svelte.dev/static/fonts/overpass/overpass-latin-700.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/roboto/roboto-latin-400.woff2 b/sites/svelte.dev/static/fonts/roboto/roboto-latin-400.woff2
deleted file mode 100644
index 7e854e669b..0000000000
Binary files a/sites/svelte.dev/static/fonts/roboto/roboto-latin-400.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/roboto/roboto-latin-400italic.woff2 b/sites/svelte.dev/static/fonts/roboto/roboto-latin-400italic.woff2
deleted file mode 100644
index 3791c883e8..0000000000
Binary files a/sites/svelte.dev/static/fonts/roboto/roboto-latin-400italic.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/roboto/roboto-latin-500.woff2 b/sites/svelte.dev/static/fonts/roboto/roboto-latin-500.woff2
deleted file mode 100644
index 8dceabcf6b..0000000000
Binary files a/sites/svelte.dev/static/fonts/roboto/roboto-latin-500.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/fonts/roboto/roboto-latin-500italic.woff2 b/sites/svelte.dev/static/fonts/roboto/roboto-latin-500italic.woff2
deleted file mode 100644
index 1b9589945e..0000000000
Binary files a/sites/svelte.dev/static/fonts/roboto/roboto-latin-500italic.woff2 and /dev/null differ
diff --git a/sites/svelte.dev/static/robots.txt b/sites/svelte.dev/static/robots.txt
index a70a37514a..eb0536286f 100644
--- a/sites/svelte.dev/static/robots.txt
+++ b/sites/svelte.dev/static/robots.txt
@@ -1,2 +1,2 @@
 User-agent: *
-Disallow: /tutorial/* # new tutorial is at learn.svelte.dev
+Disallow: