remove el from Pending_Button props in favor of an exported `focu…

…s` method (#29)

.changeset/dirty-onions-melt.md

@@ -0,0 +1,5 @@
+---
+'@ryanatkn/fuz': minor
+---
+
+remove `el` from `Pending_Button` props in favor of an exported `focus` method

src/lib/Pending_Button.svelte

@@ -14,21 +14,13 @@
 		children: Snippet;
 	}
 
-	let {
-		pending, // eslint-disable-line prefer-const
-		onclick, // eslint-disable-line prefer-const
-		running, // eslint-disable-line prefer-const
-		title, // eslint-disable-line prefer-const
-		disabled, // eslint-disable-line prefer-const
-		attrs, // eslint-disable-line prefer-const
-		el = $bindable(),
-		children, // eslint-disable-line prefer-const
-	}: Props = $props();
+	const {pending, onclick, running, title, disabled, attrs, children}: Props = $props();
 
-	el; // TODO @see https://github.com/sveltejs/language-tools/issues/2268
+	let el: HTMLButtonElement | undefined; // intentionally not reactive
+
+	export const focus = (options?: FocusOptions | undefined): void => el?.focus(options);
 
 	// TODO maybe this shouldn't disable? just visually look disabled, maybe with `.disabled`?
-	// TODO cancelable?
 </script>
 
 <button

svelte.config.js

@@ -4,6 +4,8 @@ import adapter from '@sveltejs/adapter-static';
 /** @type {import('@sveltejs/kit').Config} */
 export default {
 	preprocess: [vitePreprocess()],
+	// TODO enable
+	// compilerOptions: {runes: true},
 	// TODO ideally this would use the default but it conflicts with ctrl+shift+c in Chrome,
 	// but it's strange to me that I'm resetting it to what the Mac default is
 	vitePlugin: {inspector: {toggleKeyCombo: 'meta-shift'}}, // docs: https://github.com/sveltejs/vite-plugin-svelte/blob/main/docs/inspector.md