refactor: use more generic resource system

src/components/Image.astro

@@ -21,7 +21,6 @@ async function checkImage(src: string) {
     }
     return undefined;
   } catch (err) {
-    console.log({ src });
     return undefined;
   }
 }
@@ -79,6 +78,4 @@ const sizes = [
       <slot />
     </AstroImage>
   ) : undefined
-}
-  ) : undefined
 }

src/components/ImageGallery.svelte

@@ -16,7 +16,7 @@
   let progress: number[] = [];
   let currentIndex = -1;
   const maxZoom = 5;
-  import { swipe } from "svelte-gestures";
+  import { useSwipe } from "svelte-gestures";
 
   const mod = (a: number, b: number) => ((a % b) + b) % b;
 
@@ -232,10 +232,9 @@
 
   {#if currentIndex > -1}
     <div
+      {...useSwipe(handleSwipe)}
       class="image"
-      use:swipe
       role="dialog"
-      on:swipe={handleSwipe}
       on:wheel|passive={handleScroll}
       on:mousemove={handleMouseMove}
       on:pointermove={handlePointerMove}>