upgrade dev deps

.changeset/soft-owls-hammer.md

@@ -0,0 +1,5 @@
+---
+'@ryanatkn/fuz': patch
+---
+
+migrate svelte:component usage

package.json

@@ -47,29 +47,29 @@
   },
   "devDependencies": {
     "@changesets/changelog-git": "^0.2.0",
-    "@ryanatkn/belt": "^0.24.11",
-    "@ryanatkn/eslint-config": "^0.4.2",
+    "@ryanatkn/belt": "^0.24.12",
+    "@ryanatkn/eslint-config": "^0.5.1",
     "@ryanatkn/fuz_code": "^0.18.0",
     "@ryanatkn/gro": "^0.133.6",
     "@ryanatkn/moss": "^0.13.3",
-    "@sveltejs/adapter-static": "^3.0.2",
-    "@sveltejs/kit": "^2.5.20",
-    "@sveltejs/package": "^2.3.2",
+    "@sveltejs/adapter-static": "^3.0.4",
+    "@sveltejs/kit": "^2.5.22",
+    "@sveltejs/package": "^2.3.4",
     "@sveltejs/vite-plugin-svelte": "^3.1.1",
-    "@types/node": "^22.1.0",
+    "@types/node": "^22.3.0",
     "@types/prismjs": "^1.26.4",
-    "eslint": "^9.8.0",
+    "eslint": "^9.9.0",
     "eslint-plugin-svelte": "^2.43.0",
     "esm-env": "^1.0.0",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
     "prism-svelte": "^0.5.0",
     "prismjs": "^1.29.0",
-    "svelte": "^5.0.0-next.210",
+    "svelte": "^5.0.0-next.221",
     "svelte-check": "^3.8.5",
     "tslib": "^2.6.3",
     "typescript": "^5.5.4",
-    "typescript-eslint": "^8.0.0-alpha.44",
+    "typescript-eslint": "^8.1.0",
     "uvu": "^0.5.6"
   },
   "prettier": {

src/lib/Dialogs.svelte

@@ -20,8 +20,7 @@
 		{...dialog.dialog_props}
 		{index}
 		active={index === dialogs.length - 1}
-		>{#if children}{@render children(dialog)}{:else}<svelte:component
-				this={dialog.Component}
+		>{#if children}{@render children(dialog)}{:else}<dialog.Component
 				{...dialog.props}
 			/>{/if}</Dialog
 	>{/each}

src/lib/Library_Content.svelte

@@ -24,7 +24,7 @@
 {/if}
 <div class="tomes">
 	{#each tomes as tome (tome)}
-		<svelte:component this={tome.component} />
+		<tome.component />
 	{/each}
 </div>
 

src/lib/tome.ts

@@ -7,6 +7,7 @@ export const Tome = z.object({
 	name: z.string(),
 	// TODO ? summary: z.string(),
 	category: z.string(),
+	// TODO uppercase this
 	component: z.any(), // TODO type
 	related: z.array(z.string()),
 });

src/routes/library/Dialog/+page.svelte

@@ -230,7 +230,7 @@
 >
 	{#snippet children(dialog)}
 		<div class="pane">
-			<svelte:component this={dialog.Component} {...dialog.props} />
+			<dialog.Component {...dialog.props} />
 		</div>
 	{/snippet}
 </Dialogs>

src/routes/package.ts

@@ -39,29 +39,29 @@ export const package_json = {
 	peerDependenciesMeta: {'@ryanatkn/gro': {optional: true}},
 	devDependencies: {
 		'@changesets/changelog-git': '^0.2.0',
-		'@ryanatkn/belt': '^0.24.11',
-		'@ryanatkn/eslint-config': '^0.4.2',
+		'@ryanatkn/belt': '^0.24.12',
+		'@ryanatkn/eslint-config': '^0.5.1',
 		'@ryanatkn/fuz_code': '^0.18.0',
 		'@ryanatkn/gro': '^0.133.6',
 		'@ryanatkn/moss': '^0.13.3',
-		'@sveltejs/adapter-static': '^3.0.2',
-		'@sveltejs/kit': '^2.5.20',
-		'@sveltejs/package': '^2.3.2',
+		'@sveltejs/adapter-static': '^3.0.4',
+		'@sveltejs/kit': '^2.5.22',
+		'@sveltejs/package': '^2.3.4',
 		'@sveltejs/vite-plugin-svelte': '^3.1.1',
-		'@types/node': '^22.1.0',
+		'@types/node': '^22.3.0',
 		'@types/prismjs': '^1.26.4',
-		eslint: '^9.8.0',
+		eslint: '^9.9.0',
 		'eslint-plugin-svelte': '^2.43.0',
 		'esm-env': '^1.0.0',
 		prettier: '^3.3.3',
 		'prettier-plugin-svelte': '^3.2.6',
 		'prism-svelte': '^0.5.0',
 		prismjs: '^1.29.0',
-		svelte: '^5.0.0-next.210',
+		svelte: '^5.0.0-next.221',
 		'svelte-check': '^3.8.5',
 		tslib: '^2.6.3',
 		typescript: '^5.5.4',
-		'typescript-eslint': '^8.0.0-alpha.44',
+		'typescript-eslint': '^8.1.0',
 		uvu: '^0.5.6',
 	},
 	prettier: {