svelteTime action uses $effect

metonym · Jan 23, 2025 · b40a4bf · b40a4bf
1 parent 12f1ce3
commit b40a4bf
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 10 deletions.
diff --git a/src/index.js b/src/index.js
@@ -1,3 +1,3 @@
 export { dayjs } from "./dayjs";
-export { svelteTime } from "./svelte-time";
+export { svelteTime } from "./svelte-time.svelte";
 export { default } from "./Time.svelte";
diff --git a/src/svelte-time.d.ts → src/svelte-time.svelte.d.ts b/src/svelte-time.d.ts → src/svelte-time.svelte.d.ts
diff --git a/src/svelte-time.js → src/svelte-time.svelte.js b/src/svelte-time.js → src/svelte-time.svelte.js
@@ -2,7 +2,7 @@
 import { dayjs } from "./dayjs";
 
 /**
- * @typedef {import("./svelte-time").SvelteTimeOptions} SvelteTimeOptions
+ * @typedef {import("./svelte-time.svelte").SvelteTimeOptions} SvelteTimeOptions
  * @typedef {import ("svelte/action").Action<HTMLElement, Partial<SvelteTimeOptions>>} SvelteTimeAction
  * @type {SvelteTimeAction}
  */
@@ -45,14 +45,11 @@ export const svelteTime = (node, options = {}) => {
     node.innerText = relative ? formatted_from : formatted;
   };
 
-  setTime(node, options);
+  $effect(() => {
+    setTime(node, options);
 
-  return {
-    update(options = {}) {
-      setTime(node, options);
-    },
-    destroy() {
+    return () => {
       clearInterval(interval);
-    },
-  };
+    };
+  });
 };