chore: update deps

Weaverse · Jan 24, 2024 · cb0accf · cb0accf
1 parent 759abd3
commit cb0accf
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 16 deletions.
diff --git a/app/components/product-form/product-media.tsx b/app/components/product-form/product-media.tsx
@@ -58,7 +58,7 @@ export function ProductMedia(props: ProductMediaProps) {
   }, [selectedVariant, media, moveToIdx]);
   return (
     <div>
-      <div ref={sliderRef} className="keen-slider">
+      <div ref={sliderRef} className="keen-slider vt-product-image">
         {media.map((med, i) => {
           let image =
             med.__typename === 'MediaImage'
@@ -69,7 +69,7 @@ export function ProductMedia(props: ProductMediaProps) {
               <div className="keen-slider__slide" key={med.id}>
                 <Image
                   data={image}
-                  loading={'lazy'}
+                  loading={i === 0 ? 'eager' : 'lazy'}
                   aspectRatio={'4/5'}
                   className="object-cover w-full h-full aspect-square fadeIn"
                 />
@@ -88,7 +88,7 @@ export function ProductMedia(props: ProductMediaProps) {
             return (
               image && (
                 <div
-                key={med.id}
+                  key={med.id}
                   className={clsx(
                     'keen-slider__slide border-2 cursor-pointer',
                     i === activeInd ? 'border-bar/70' : '',

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -27,7 +27,7 @@
     "@shopify/cli-hydrogen": "^6.1.0",
     "@shopify/hydrogen": "~2023.10.3",
     "@shopify/remix-oxygen": "^2.0.2",
-    "@weaverse/hydrogen": "^2.9.0",
+    "@weaverse/hydrogen": "^2.10.1",
     "clsx": "2.1.0",
     "cross-env": "7.0.3",
     "graphql": "16.8.1",