Initial commit WIP

app/components/PhotoSwipe.vue

@@ -0,0 +1,35 @@
+<script setup>
+import PhotoSwipeLightbox from "photoswipe/lightbox";
+import "photoswipe/style.css";
+
+const gallery = ref(null);
+const slots = useSlots();
+const children = slots.default() ? slots.default()[0].children : false;
+const childrenType = children ? children[0].type : false;
+
+let lightbox;
+
+onMounted(() => {
+  if (!lightbox && childrenType) {
+    lightbox = new PhotoSwipeLightbox({
+      gallery: gallery.value,
+      children: "a",
+      pswpModule: () => import("photoswipe"),
+    });
+    lightbox.init();
+  }
+});
+
+onUnmounted(() => {
+  if (lightbox) {
+    lightbox.destroy();
+    lightbox = null;
+  }
+});
+</script>
+
+<template>
+  <div ref="gallery">
+    <slot />
+  </div>
+</template>