From 5df7a336ba5ef1f0c5358d39c0a269cdefd7cf37 Mon Sep 17 00:00:00 2001
From: pheralb <pablohdez4340@gmail.com>
Date: Sun, 31 Aug 2025 14:25:57 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F=20Fixed=20eslint=20errors?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/codeBlock.svelte               | 24 ++++++++-----------
 src/components/layout/showCategories.svelte   |  2 +-
 src/components/selectPkgManager.svelte        |  2 +-
 .../svgs/setupShadcnRegistry.svelte           |  4 ++--
 src/components/svgs/svgCard.svelte            |  4 ++--
 src/components/ui/button/button.svelte        |  2 +-
 src/routes/+page.svelte                       |  2 +-
 src/routes/directory/[category]/+page.svelte  |  4 ++--
 8 files changed, 20 insertions(+), 24 deletions(-)

diff --git a/src/components/codeBlock.svelte b/src/components/codeBlock.svelte
index ab158ae..73b75e2 100644
--- a/src/components/codeBlock.svelte
+++ b/src/components/codeBlock.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-  import type { Component, Snippet, SvelteComponent } from "svelte";
+  import type { Component } from "svelte";
 
   import { cn } from "@/utils/cn";
   import CopyIcon from "@lucide/svelte/icons/copy";
@@ -18,21 +18,17 @@
   let timeoutId: ReturnType<typeof setTimeout> | null = null;
 
   const handleCopy = async () => {
-    try {
-      await clipboard(code);
+    await clipboard(code);
 
-      if (timeoutId) {
-        clearTimeout(timeoutId);
-      }
-
-      copied = true;
-      timeoutId = setTimeout(() => {
-        copied = false;
-        timeoutId = null;
-      }, copyDuration);
-    } catch (error) {
-      copied = false;
+    if (timeoutId) {
+      clearTimeout(timeoutId);
     }
+
+    copied = true;
+    timeoutId = setTimeout(() => {
+      copied = false;
+      timeoutId = null;
+    }, copyDuration);
   };
 
   $effect(() => {
diff --git a/src/components/layout/showCategories.svelte b/src/components/layout/showCategories.svelte
index f9808d4..6359c94 100644
--- a/src/components/layout/showCategories.svelte
+++ b/src/components/layout/showCategories.svelte
@@ -19,7 +19,7 @@
   });
 </script>
 
-{#each categories.sort() as category}
+{#each categories.sort() as category (category)}
   <a
     href={`/directory/${category.toLowerCase()}`}
     data-sveltekit-preload-data
diff --git a/src/components/selectPkgManager.svelte b/src/components/selectPkgManager.svelte
index a6ca2de..bfd955d 100644
--- a/src/components/selectPkgManager.svelte
+++ b/src/components/selectPkgManager.svelte
@@ -27,7 +27,7 @@
     {/if}
   </Select.Trigger>
   <Select.Content sideOffset={1.5}>
-    {#each Object.entries(managers) as [value, { Icon, label }]}
+    {#each Object.entries(managers) as [value, { Icon, label }] (value)}
       <Select.Item
         {value}
         onclick={() => pkgManager.set(value as PackageManager)}
diff --git a/src/components/svgs/setupShadcnRegistry.svelte b/src/components/svgs/setupShadcnRegistry.svelte
index c96c5c3..d120b99 100644
--- a/src/components/svgs/setupShadcnRegistry.svelte
+++ b/src/components/svgs/setupShadcnRegistry.svelte
@@ -18,7 +18,7 @@
 
 <Dialog.Root>
   <Dialog.Trigger>
-    {@render children?.()}
+    {@render children()}
   </Dialog.Trigger>
   <Dialog.Content class="text-sm">
     <Dialog.Header>
@@ -33,6 +33,6 @@
     </p>
     <CodeBlock code={registryCode} />
     <p class="mt-2">2. Then use the following command to add SVGs:</p>
-    <CodeBlock code={`npx shadcn@latest add @svgl/[svg-name]`} />
+    <CodeBlock code="npx shadcn@latest add @svgl/[svg-name]" />
   </Dialog.Content>
 </Dialog.Root>
diff --git a/src/components/svgs/svgCard.svelte b/src/components/svgs/svgCard.svelte
index 70c4f6d..527e03b 100644
--- a/src/components/svgs/svgCard.svelte
+++ b/src/components/svgs/svgCard.svelte
@@ -143,7 +143,7 @@
     </p>
     <div class="flex items-center justify-center space-x-1">
       {#if Array.isArray(svgInfo.category)}
-        {#each svgInfo.category.slice(0, maxVisibleCategories) as c, index}
+        {#each svgInfo.category.slice(0, maxVisibleCategories) as c (c)}
           <a
             href={`/directory/${c.toLowerCase()}`}
             class={badgeVariants({
@@ -176,7 +176,7 @@
             </Popover.Trigger>
             <Popover.Content class="flex w-auto flex-col space-y-2">
               <p class="font-medium">More tags:</p>
-              {#each svgInfo.category.slice(maxVisibleCategories) as c}
+              {#each svgInfo.category.slice(maxVisibleCategories) as c (c)}
                 <a
                   href={`/directory/${c.toLowerCase()}`}
                   class={cn(buttonVariants({ variant: "outline" }), "w-full")}
diff --git a/src/components/ui/button/button.svelte b/src/components/ui/button/button.svelte
index 32eb9ba..001239a 100644
--- a/src/components/ui/button/button.svelte
+++ b/src/components/ui/button/button.svelte
@@ -3,7 +3,7 @@
     HTMLAnchorAttributes,
     HTMLButtonAttributes,
   } from "svelte/elements";
-  import { type VariantProps, tv } from "tailwind-variants";
+  import type { VariantProps } from "tailwind-variants";
   import type { WithElementRef } from "@/types/components";
 
   import { cn } from "@/utils/cn";
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ebd8af2..1f680ae 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -105,7 +105,7 @@
   </PageHeader>
   <Container className="my-6">
     <Grid>
-      {#each displaySvgs as svg}
+      {#each displaySvgs as svg (svg.id)}
         <SvgCard svgInfo={svg} />
       {/each}
     </Grid>
diff --git a/src/routes/directory/[category]/+page.svelte b/src/routes/directory/[category]/+page.svelte
index 2768503..6e84561 100644
--- a/src/routes/directory/[category]/+page.svelte
+++ b/src/routes/directory/[category]/+page.svelte
@@ -27,7 +27,7 @@
 
   // States:
   let searchTerm = $state<string>(data.searchTerm || "");
-  let filteredSvgs = $state<iSVG[]>(data.filteredSvgs);
+  let filteredSvgs = $derived<iSVG[]>(data.filteredSvgs);
 
   const searchSvgs = () => {
     if (!searchTerm) {
@@ -120,7 +120,7 @@
   </PageHeader>
   <Container className="my-6">
     <Grid>
-      {#each filteredSvgs as svg}
+      {#each filteredSvgs as svg (svg.id)}
         <SvgCard svgInfo={svg} />
       {/each}
     </Grid>