fix docs

svecosystem · Apr 22, 2024 · 283c388 · 283c388
1 parent af2bbdf
commit 283c388
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 14 deletions.
diff --git a/packages/runed/src/lib/functions/useEventListener/index.ts b/packages/runed/src/lib/functions/useEventListener/index.ts
@@ -1 +1 @@
-export * from "./useEventListener.js";
+export * from "./useEventListener.svelte.js";
diff --git a/...ions/useEventListener/useEventListener.ts → ...eEventListener/useEventListener.svelte.ts b/...ions/useEventListener/useEventListener.ts → ...eEventListener/useEventListener.svelte.ts
@@ -34,12 +34,12 @@ export function useEventListener(
 ): void;
 
 export function useEventListener(
-	target: ValueOrGetter<EventTarget>,
+	_target: ValueOrGetter<EventTarget>,
 	event: string,
 	handler: EventListenerOrEventListenerObject,
 	options?: boolean | AddEventListenerOptions
 ) {
-	const $target = boxed(target);
+	const target = boxed(_target);
 
-	$effect(() => addEventListener($target.value, event, handler, options));
+	$effect(() => addEventListener(target.value, event, handler, options));
 }
diff --git a/sites/docs/content/functions/use-event-listener.md b/sites/docs/content/functions/use-event-listener.md
@@ -18,13 +18,12 @@ import { UseEventListenerDemo } from '$lib/components/demos';
 	import { useEventListener } from "runed";
 
 	let count = $state(0);
+	function increment() {
+		count++;
+	}
 
-	$effect(() => {
-		useEventListener(document, "click", () => count++);
-	});
+	useEventListener(() => document, "click", increment);
 </script>
 
-<div class="rounded-md bg-card p-8">
-	<p>You've clicked {count} {count === 1 ? "Time" : "Times"}</p>
-</div>
+<p>You've clicked {count} {count === 1 ? "Time" : "Times"}</p>
 ```
diff --git a/sites/docs/src/lib/components/demos/use-event-listener.svelte b/sites/docs/src/lib/components/demos/use-event-listener.svelte
@@ -2,12 +2,13 @@
 	import { useEventListener } from "runed";
 
 	let count = $state(0);
+	function increment() {
+		count++;
+	}
 
-	$effect(() => {
-		useEventListener(document, "click", () => count++);
-	});
+	useEventListener(() => document, "click", increment);
 </script>
 
-<div class="rounded-md bg-card p-8">
+<div class="select-none rounded-md bg-card p-8">
 	<p>You've clicked {count} {count === 1 ? "Time" : "Times"}</p>
 </div>