⚙️ Add option to clear the search.

src/routes/+page.svelte

@@ -28,6 +28,11 @@
       return svgTitle.includes(searchTerm.toLowerCase());
     }));
   };
+
+  const clearSearch = () => {
+    searchTerm = '';
+    searchSvgs();
+  };
 </script>
 
 <svelte:head>
@@ -38,6 +43,7 @@
   <Search
     bind:searchTerm
     on:input={searchSvgs}
+    clearSearch={() => clearSearch()}
     placeholder={`Search ${filteredSvgs.length} logos...`}
   />
   <Grid>

src/routes/directory/[slug]/+page.svelte

@@ -29,6 +29,11 @@
       return svgTitle.includes(searchTerm.toLowerCase());
     }));
   };
+
+  const clearSearch = () => {
+    searchTerm = '';
+    searchSvgs();
+  };
 </script>
 
 <svelte:head>
@@ -39,6 +44,7 @@
   <Search
     bind:searchTerm
     on:input={searchSvgs}
+    clearSearch={() => clearSearch()}
     placeholder={`Search ${filteredSvgs.length} ${category} logos...`}
   />
   <Grid>