web: dynamically load swiper

web/src/components/blocks/Blocks.tsx

@@ -1,7 +1,11 @@
+import dynamic from "next/dynamic";
 import { RichTextBlock } from "./RichTextBlock";
 import { ImageWithTextBlock } from "./ImageWithTextBlock";
-import { ImageSliderBlock } from "./ImageSliderBlock";
 import { HorizontalRuleBlock } from "./HorizontalRuleBlock";
+
+const ImageSliderBlock = dynamic(() =>
+  import("./ImageSliderBlock").then((m) => m.ImageSliderBlock)
+);
 import { FeaturedBlock } from "./FeaturedBlock";
 import { AccordionBlock } from "./AccordionBlock";
 import { EmbedBlock } from "./EmbedBlock";

web/src/components/venues/VenuePageView.tsx

@@ -1,15 +1,17 @@
+import dynamic from "next/dynamic";
 import { VenueFragment } from "@/gql/graphql";
 import { getClient } from "@/app/client";
-import {
+import { ImageSliderBlockFragmentDefinition } from "@/components/blocks/ImageSliderBlock";
-  ImageSliderBlock,
-  ImageSliderBlockFragmentDefinition,
-} from "@/components/blocks/ImageSliderBlock";
 import { Breadcrumb } from "@/components/general/Breadcrumb";
 import { PageContent } from "@/components/general/PageContent";
 import { NeufMap } from "@/components/venues/NeufMap";
 import { VenueInfo } from "@/components/venues/VenueInfo";
 import { graphql, unmaskFragment } from "@/gql";
 
+const ImageSliderBlock = dynamic(() =>
+  import("@/components/blocks/ImageSliderBlock").then((m) => m.ImageSliderBlock)
+);
+
 const venueBySlugQuery = graphql(`
   query venueBySlug($slug: String!) {
     venue: page(contentType: "venues.VenuePage", slug: $slug) {