Migrate to Svelte 4

[Niek]

See: https://svelte.dev/blog/svelte-4

It might be as simple as npx svelte-migrate svelte-4. We need to check if all dependencies work properly.

[Webifi]

Gave it a shot, but some dependency issues:
(svelte-markdown doesn't look too active, but someone will probably update or fork it, not sure about some of the others)

npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/svelte
npm WARN   dev svelte@"^4.0.0" from the root project
npm WARN   9 more (@sveltejs/vite-plugin-svelte, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer svelte@"^3.2.0" from [email protected]     
npm WARN node_modules/eslint-plugin-svelte3
npm WARN   dev eslint-plugin-svelte3@"^4.0.0" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/svelte
npm WARN   dev svelte@"^4.0.0" from the root project
npm WARN   9 more (@sveltejs/vite-plugin-svelte, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer svelte@"^3.0.0" from [email protected]
npm WARN node_modules/svelte-markdown
npm WARN   dev svelte-markdown@"^0.2.3" from the root project
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: [email protected]
npm WARN Found: [email protected]
npm WARN node_modules/svelte
npm WARN   dev svelte@"^4.0.0" from the root project
npm WARN   9 more (@sveltejs/vite-plugin-svelte, ...)
npm WARN
npm WARN Could not resolve dependency:
npm WARN peer svelte@"^3.0.0" from [email protected]
npm WARN node_modules/svelte-modals
npm WARN   dev svelte-modals@"^1.2.1" from the root project

[Niek]

Checked into this:

• eslint-plugin-svelte3 - we need to switch it to eslint-plugin-svelte anyway, see https://github.com/sveltejs/eslint-plugin-svelte3#%EF%B8%8F-please-use-eslint-plugin-svelte-instead
• svelte-markdown - seems to not be maintained anymore, it might be worth it switching to https://marked.js.org/ directly

[Webifi]

Migrating to eslint-plugin-svelte looks like it will take a little bit of work:
sveltejs/eslint-plugin-svelte3#184

For svelte-markdown, maybe just maintain your own fork. Looks like the change is easy:
pablo-abc/svelte-markdown@main...machellerogden:svelte-markdown:main

[Niek]

This would be an good workaround for svelte-markdown:
pablo-abc/svelte-markdown#72 (comment)

[Niek]

I made a Svelte 4 branch now: https://github.com/Niek/chatgpt-web/tree/svelte-4

Everything compiles fine, there's just 650+ linting issues to resolve left 🥲