Support for Svelte 5

[dshook]

Hi there, thanks for the project!

The big new version of Svelte came out a few weeks ago and was wondering if there's plans to upgrade to support it.

Looks like svelte-preprocess will need to be upgraded.

I was able to get it working by adding the resolution in package.json

  "resolutions": {
    "svelte-preprocess": "6.0.3"
  }

And updating the scripts.ts in the svelte example to use the new mount syntax.

[cezaraugusto]

hey @dshook, totally want this.

cc @akadotsh - interested to take this one?

[cezaraugusto]

@dshook could you share a sample web app using Svelte 5 so I can take a look? not a Svelte dev myself

[dshook]

You should be able to find plenty of other examples online, but for extension-js you can just mount one in a content script:

import { mount } from "svelte";
import Test from "../Test.svelte";

const container = document.querySelector('.wherever');

const app = mount(Test, {
  target: container,
});

Where Test.svelte is something like

<script>
	let count = $state(0);
</script>

<button onclick={() => count++}>
	clicks: {count}
</button>

[dandv]

could you share a sample web app using Svelte 5

https://github.com/NekitCorp/chrome-extension-svelte-typescript-boilerplate is good Svelte boilerplate, just not cross-browser. The emitted background prop in manifest.json has a type: "module" for instance (even though the generated service_worker is vanilla JS), which Firefox complains about.

[cezaraugusto]

working on it