forgo abt cors

src/components/SlugInput.astro

@@ -145,11 +145,37 @@ const languages = [
       }
 
       try {
-        const response = await fetch(`https://api.comick.io/v1.0/search/?page=1&limit=5&q=${encodeURIComponent(query)}`);
+        searchResults!.innerHTML = `
+          <div class="p-3 bg-primary rounded-lg border border-hover/30">
+            Searching...
+          </div>
+        `;
+        searchResults!.classList.remove('hidden');
+
+        const response = await fetch('/api/search', {
+          method: 'POST',
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          body: JSON.stringify({ query })
+        });
+        
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        
         const data = await response.json();
         
+        if (!data || !Array.isArray(data) || data.length === 0) {
+          searchResults!.innerHTML = `
+            <div class="p-3 bg-primary rounded-lg border border-hover/30">
+              No comics found
+            </div>
+          `;
+          return;
+        }
+        
         searchResults!.innerHTML = '';
-        searchResults!.classList.remove('hidden');
         
         data.forEach((comic: any) => {
           const div = document.createElement('div');