fix: use text state

2026-02-05 23:06:39 +05:00
parent 1b8a035708
commit 60b577b6df
7 changed files with 31 additions and 15 deletions
@@ -1,17 +1,18 @@
 <script lang="ts">
  import Button from "$components/ui/Button.svelte";
  import IconCross from "$components/ui/Icons/IconCross.svelte";
+  import { fly } from "svelte/transition";

  interface Props {
    text: string;
    id: number;
-    ondelete: () => void;
+    ondelete: (id: number) => void;
  }

  let { text = $bindable(), id, ondelete }: Props = $props();
 </script>

-<div class="text-item">
+<div class="text-item" transition:fly={{ x: 600, duration: 300 }}>
  <input type="text" bind:value={text} />
  <Button icon={IconCross} type="danger" onclick={() => ondelete(id)} />
 </div>