feat!: Add support for Svelte 4

README.md

@@ -510,6 +510,13 @@ For Svelte + Vite, in the `src/vite-env.d.ts` file:
 /// <reference types="unplugin-icons/types/svelte" />
 ```
 
+If you're still using Svelte 3, replace the reference to use Svelte 3:
+```js
+/// <reference types="svelte" />
+/// <reference types="vite/client" />
+/// <reference types="unplugin-icons/types/svelte3" />
+```
+
 <br></details>
 
 <details>

types/svelte.d.ts

@@ -1,8 +1,11 @@
 declare module 'virtual:icons/*' {
-  export { SvelteComponentDev as default } from 'svelte/internal'
+  import { SvelteComponent } from 'svelte'
+  import type { SvelteHTMLElements } from 'svelte/elements'
+  export default class extends SvelteComponent<SvelteHTMLElements['svg']> {}
 }
 
 declare module '~icons/*' {
-  import { SvelteComponentTyped } from 'svelte'
-  export default class extends SvelteComponentTyped<svelte.JSX.IntrinsicElements['svg']> {}
+  import { SvelteComponent } from 'svelte'
+  import type { SvelteHTMLElements } from 'svelte/elements'
+  export default class extends SvelteComponent<SvelteHTMLElements['svg']> {}
 }

types/svelte3.d.ts

@@ -0,0 +1,8 @@
+declare module 'virtual:icons/*' {
+  export { SvelteComponentDev as default } from 'svelte/internal'
+}
+
+declare module '~icons/*' {
+  import { SvelteComponentTyped } from 'svelte'
+  export default class extends SvelteComponentTyped<svelte.JSX.IntrinsicElements['svg']> {}
+}