Svelte 5 migration - phase 1 (#930)

* feat: svelte 5 migration, eslint config and versions

* feat(svelte/preprocess): svelte 5 migration

* feat(svelte/headless): svelte 5 migration

* feat(svelte/bootstrap): svelte 5 migration

* feat(svelte/demo/bootstrap): svelte 5 migration

* feat(svelte/demo/daisyui): svelte 5 migration

* feat(doc): svelte 5 migration

angular/docs/Slots.md

@@ -1,5 +1,3 @@
-## Slots in Angular
-
 Angular applications usually handle slots using [content projection](https://angular.dev/guide/components/content-projection).  
 We support this behavior, while going further.
 

demo/package.json

@@ -174,14 +174,14 @@
 		"@stackblitz/sdk": "^1.11.0",
 		"@sveltejs/adapter-static": "^3.0.5",
 		"@sveltejs/kit": "^2.5.28",
-		"@sveltejs/vite-plugin-svelte": "^3.1.2",
+		"@sveltejs/vite-plugin-svelte": "^4.0.0-next.7",
 		"@types/dom-view-transitions": "^1.0.5",
 		"bootstrap-icons": "^1.11.3",
 		"compare-versions": "^6.1.1",
 		"front-matter": "^4.0.2",
 		"prettier-plugin-svelte": "^3.2.6",
 		"shiki": "^1.18.0",
-		"svelte": "^4.2.19",
+		"svelte": "^5.0.0-next.260",
 		"svelte-check": "^4.0.2",
 		"svelte-markdown": "^0.4.1",
 		"tsx": "^4.19.1"

demo/src/lib/stackblitz/prepareProject.ts

@@ -44,9 +44,9 @@ export const createBaseFrameworkProcessors = (): Record<Frameworks, StackblitzPr
 		),
 		addAsyncFiles(import.meta.glob('./svelte-daisyui/**', {query: '?raw', import: 'default'}) as any, '', './svelte-daisyui/', isDaisyuiCondition),
 		(project, sample) => {
-			project.files['src/main.ts'] = `import "./main.css";\nimport App from ${JSON.stringify(
+			project.files['src/main.ts'] = `import "./main.css";\nimport {mount} from 'svelte';\nimport App from ${JSON.stringify(
 				`./${sample.files.svelte.entryPoint}`,
-			)};\nconst app = new App({target: document.getElementById('root')!});\nexport default app;`;
+			)};\nconst app = mount(App, {target: document.getElementById('root')!});\nexport default app;`;
 			project.template = 'node';
 		},
 	],