cloudcommerce 0.16.0 → 0.16.2

package/packages/storefront/dist/server/chunks/{endpoint@_@js.c74a899a.mjs → endpoint@_@js.ce919661.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.c449fda8.mjs';
+import './astro.2df8d1c5.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.116acf2f.mjs';
+import './pages/_...slug_.astro.f0a57b8d.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -30,6 +30,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/endpoint.js.7cc60df6.mjs').then(n => n.e);
+const page = () => import('./pages/endpoint.js.1d889b2f.mjs').then(n => n.e);
 
 export { page };

package/packages/storefront/dist/server/chunks/{fallback@_@astro.50cbf3a3.mjs → fallback@_@astro.6c7c4acd.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.c449fda8.mjs';
+import './astro.2df8d1c5.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.116acf2f.mjs';
+import './pages/_...slug_.astro.f0a57b8d.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -30,6 +30,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/fallback.astro.c8d2f06a.mjs');
+const page = () => import('./pages/fallback.astro.42f81a9a.mjs');
 
 export { page };

package/packages/storefront/dist/server/chunks/{index@_@astro.a9e6a560.mjs → index@_@astro.8e359cb4.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.c449fda8.mjs';
+import './astro.2df8d1c5.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.116acf2f.mjs';
+import './pages/_...slug_.astro.f0a57b8d.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -30,6 +30,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.bf79b1d4.mjs').then(n => n.i);
+const page = () => import('./pages/index.astro.533679e1.mjs').then(n => n.i);
 
 export { page };

package/packages/storefront/dist/server/chunks/{index@_@astro.2a31c91e.mjs → index@_@astro.f7e2409d.mjs}

@@ -1,6 +1,6 @@
 export { renderers } from '../renderers.mjs';
 export { onRequest } from '../_empty-middleware.mjs';
-import './astro.c449fda8.mjs';
+import './astro.2df8d1c5.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -14,7 +14,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './pages/_...slug_.astro.116acf2f.mjs';
+import './pages/_...slug_.astro.f0a57b8d.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -30,6 +30,6 @@ import '@cloudcommerce/config';
 /* empty css                              */import '@vueuse/core';
 import '@headlessui/vue';
 
-const page = () => import('./pages/index.astro.bf79b1d4.mjs').then(n => n.a);
+const page = () => import('./pages/index.astro.533679e1.mjs').then(n => n.a);
 
 export { page };

package/packages/storefront/dist/server/chunks/pages/{_...slug_.astro.116acf2f.mjs → _...slug_.astro.f0a57b8d.mjs}

@@ -8,7 +8,7 @@ import sizeOf from 'image-size';
 import 'magic-string';
 import mime from 'mime';
 import 'node:stream';
-import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.c449fda8.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, b as addAttribute, d as renderComponent, u as unescapeHTML, F as Fragment, m as maybeRenderHead, s as spreadAttributes, e as renderSlot, f as renderHead } from '../astro.2df8d1c5.mjs';
 import api from '@cloudcommerce/api';
 import { EventEmitter } from 'node:events';
 import fs from 'node:fs';
@@ -615,7 +615,7 @@ async function getImage(transform) {
   }
   let loader = (_a = globalThis.astroImage) == null ? void 0 : _a.loader;
   if (!loader) {
-    const { default: mod } = await import('./endpoint.js.7cc60df6.mjs').then(n => n.s).catch(() => {
+    const { default: mod } = await import('./endpoint.js.1d889b2f.mjs').then(n => n.s).catch(() => {
       throw new Error(
         "[@astrojs/image] Builtin image loader not found. (Did you remember to add the integration to your Astro config?)"
       );
@@ -876,7 +876,7 @@ const $$Picture = createComponent(async ($$result, $$props, $$slots) => {
   if (imgAttrs) {
     imgAttrs.src += versionSuffix;
   }
-  return renderTemplate`${maybeRenderHead($$result)}<picture${spreadAttributes(pictureAttrs)}>
+  return renderTemplate`${maybeRenderHead()}<picture${spreadAttributes(pictureAttrs)}>
   ${sources.map((attrs) => {
     if (versionSuffix) {
       attrs.srcset = attrs.srcset.replace(/\s(\w+)$/, `${versionSuffix} $1`);
@@ -892,7 +892,7 @@ const $$BaseBody = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$6, $$props, $$slots);
   Astro2.self = $$BaseBody;
   const { settings } = Astro2.locals.routeContext;
-  return renderTemplate`${maybeRenderHead($$result)}<body>
+  return renderTemplate`${maybeRenderHead()}<body>
   <div id="teleported-overlap" class="relative z-50"></div>
   <div id="teleported-top" class="relative z-10"></div>
   ${renderSlot($$result, $$slots["default"])}
@@ -916,7 +916,7 @@ const $$Base$1 = createComponent(async ($$result, $$props, $$slots) => {
   ${customCodeContent?.html_head && renderTemplate`${renderComponent($$result, "Fragment", Fragment, {}, { "default": ($$result2) => renderTemplate`${unescapeHTML(customCodeContent.html_head)}` })}`}
   ${renderSlot($$result, $$slots["base-head-scripts"])}
   ${renderSlot($$result, $$slots["before-head-end"])}
-${renderHead($$result)}</head>
+${renderHead()}</head>
 ${renderComponent($$result, "BaseBody", $$BaseBody, {}, { "default": ($$result2) => renderTemplate`
   ${renderSlot($$result2, $$slots["default"])}
   ${customCodeContent?.html_body && renderTemplate`${renderComponent($$result2, "Fragment", Fragment, {}, { "default": ($$result3) => renderTemplate`${unescapeHTML(customCodeContent.html_body)}` })}`}${renderSlot($$result2, $$slots["base-body-scripts"])}
@@ -1080,7 +1080,7 @@ const carouselKey = Symbol("carousel");
 const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CarouselControl",
   props: {
-    direction: { default: 1 }
+    isPrev: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
     __expose();
@@ -1093,12 +1093,12 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 function _sfc_ssrRender$d(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   _push(`<button${ssrRenderAttrs(mergeProps({
     type: "button",
-    "aria-label": $props.direction > 0 ? "Pr\xF3ximo" : "Anterior",
-    class: ["group absolute top-0 z-1", $props.direction > 0 ? "right-0" : "left-0"],
-    "data-carousel-control": $props.direction > 0 ? "next" : "previous"
+    "aria-label": !$props.isPrev ? "Pr\xF3ximo" : "Anterior",
+    class: ["group absolute top-0 z-1", !$props.isPrev ? "right-0" : "left-0"],
+    "data-carousel-control": !$props.isPrev ? "next" : "previous"
   }, _attrs))}>`);
   ssrRenderSlot(_ctx.$slots, "default", {}, () => {
-    _push(`<i class="${ssrRenderClass([$props.direction > 0 ? "i-chevron-right group-active:translate-x-1" : "i-chevron-left group-active:-translate-x-1", "m-0"])}"></i>`);
+    _push(`<i class="${ssrRenderClass([!$props.isPrev ? "i-chevron-right group-active:translate-x-1" : "i-chevron-left group-active:-translate-x-1", "m-0"])}"></i>`);
   }, _push, _parent);
   _push(`</button>`);
 }
@@ -1158,20 +1158,19 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         width: node.offsetWidth
       }));
     };
-    const calcNextWidth = (direction) => {
+    const calcNextOffsetLeft = (direction) => {
       let nextSlideIndex = currentIndex.value + direction;
       if (nextSlideIndex >= slidesWidth.value.length) {
-        nextSlideIndex = 0;
-        direction = -direction;
-      } else if (nextSlideIndex < 0) {
-        nextSlideIndex = slidesWidth.value.length - 1;
-        direction = -direction;
+        return 0;
+      }
+      if (nextSlideIndex < 0) {
+        nextSlideIndex = slidesWidth.value.length + nextSlideIndex;
       }
-      const width = slidesWidth.value[nextSlideIndex]?.width || 0;
+      const { offsetLeft, width } = slidesWidth.value[nextSlideIndex] || {};
       if (!width) {
         return 0;
       }
-      return width * direction;
+      return offsetLeft;
     };
     const calcCurrentIndex = () => {
       const getCurrentIndex = slidesWidth.value.findIndex((slide) => {
@@ -1194,12 +1193,33 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         }, props.autoplay);
       }
     };
-    const changeSlide = (direction) => {
-      const nextSlideWidth = calcNextWidth(direction);
-      if (nextSlideWidth) {
-        wrapper.value?.scrollBy({ left: nextSlideWidth, behavior: "smooth" });
-        restartAutoplay();
+    const changeSlide = (direction, isPageScroll = true) => {
+      if (slidesWidth.value.length < 2) {
+        return;
+      }
+      if (isPageScroll && (direction === 1 || direction === -1)) {
+        let pageStep = 0;
+        let pageStepWidth = 0;
+        for (let i = currentIndex.value; i < slidesWidth.value.length; i++) {
+          const { width } = slidesWidth.value[i] || {};
+          if (width) {
+            pageStep += 1;
+            pageStepWidth += width;
+            if (pageStepWidth >= wrapperVisibleWidth.value) {
+              break;
+            }
+          }
+        }
+        if (pageStep) {
+          direction = direction > 0 ? pageStep : -pageStep;
+        }
+      }
+      if (!props.autoplay) {
+        console.log({ direction }, currentIndex.value, slidesWidth.value.length);
       }
+      const nextOffsetLeft = calcNextOffsetLeft(direction);
+      wrapper.value?.scrollTo({ left: nextOffsetLeft, behavior: "smooth" });
+      restartAutoplay();
     };
     watch(isScrolling, (_isScrolling) => {
       if (_isScrolling) {
@@ -1245,7 +1265,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
       isBoundLeft,
       isBoundRight
     });
-    const __returned__ = { props, emit, currentIndex, wrapper, currentPos, isScrolling, arrivedState, isBoundLeft, isBoundRight, slidesWidth, wrapperScrollWidth, wrapperVisibleWidth, indexCount, calcWrapperWidth, calcSlidesWidth, calcNextWidth, calcCurrentIndex, calcIndexCount, get autoplayTimer() {
+    const __returned__ = { props, emit, currentIndex, wrapper, currentPos, isScrolling, arrivedState, isBoundLeft, isBoundRight, slidesWidth, wrapperScrollWidth, wrapperVisibleWidth, indexCount, calcWrapperWidth, calcSlidesWidth, calcNextOffsetLeft, calcCurrentIndex, calcIndexCount, get autoplayTimer() {
       return autoplayTimer;
     }, set autoplayTimer(v) {
       autoplayTimer = v;
@@ -1284,7 +1304,7 @@ function _sfc_ssrRender$c(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
     currentPage: $setup.currentIndex + 1,
     pageCount: $setup.indexCount + 1
   }, () => {
-    _push(ssrRenderComponent($setup["CarouselControl"], { direction: -1 }, {
+    _push(ssrRenderComponent($setup["CarouselControl"], { "is-prev": "" }, {
       default: withCtx((_, _push2, _parent2, _scopeId) => {
         if (_push2) {
           ssrRenderSlot(_ctx.$slots, "previous", {}, null, _push2, _parent2, _scopeId);
@@ -1345,8 +1365,8 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
       if (_push2) {
         _push2(`<div style="${ssrRenderStyle($setup.countValidSlides > 1 ? null : { display: "none" })}" class="text-xl leading-none text-base-400"${_scopeId}>`);
         _push2(ssrRenderComponent($setup["CarouselControl"], {
-          direction: -1,
-          class: "pr-2 bg-base-100 hover:text-base-700"
+          class: "pr-2 bg-base-100 hover:text-base-700",
+          "is-prev": ""
         }, null, _parent2, _scopeId));
         _push2(ssrRenderComponent($setup["CarouselControl"], { class: "pl-2 bg-base-100 hover:text-base-700" }, null, _parent2, _scopeId));
         _push2(`</div>`);
@@ -1354,8 +1374,8 @@ function _sfc_ssrRender$b(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
         return [
           withDirectives(createVNode("div", { class: "text-xl leading-none text-base-400" }, [
             createVNode($setup["CarouselControl"], {
-              direction: -1,
-              class: "pr-2 bg-base-100 hover:text-base-700"
+              class: "pr-2 bg-base-100 hover:text-base-700",
+              "is-prev": ""
             }),
             createVNode($setup["CarouselControl"], { class: "pl-2 bg-base-100 hover:text-base-700" })
           ], 512), [
@@ -3302,7 +3322,7 @@ const $$Pages = createComponent(async ($$result, $$props, $$slots) => {
       ${pitchBar.slides.length === 1 && renderTemplate`${renderComponent($$result2, "PitchBar", PitchBar, { ...pitchBar })}`}
     `)}
     ${renderComponent($$result2, "ShopHeader", ShopHeader, { ...shopHeader, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/ShopHeader.vue", "client:component-export": "default" }, { "logo": ($$result3) => renderTemplate`${renderComponent($$result3, "Fragment", Fragment, { "slot": "logo" }, { "default": ($$result4) => renderTemplate`
-        ${maybeRenderHead($$result4)}<a href="/">
+        ${maybeRenderHead()}<a href="/">
           ${renderComponent($$result4, "LogoHeading", LogoHeading, {}, { "logo-picture": ($$result5) => renderTemplate`${renderComponent($$result5, "Picture", $$Picture, { "slot": "logo-picture", "src": settings.logo, "alt": settings.name, "widths": [300], "fetchpriority": "high", "loading": "eager", "class": "hover:drop-shadow-sm max-w-[150px] mx-auto" })}` })}
         </a>
       ` })}` })}
@@ -3316,7 +3336,7 @@ const $$Wildcard = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
   Astro2.self = $$Wildcard;
   const { apiResource, apiDoc } = Astro2.locals.routeContext;
-  return renderTemplate`${maybeRenderHead($$result)}<main>
+  return renderTemplate`${maybeRenderHead()}<main>
   ${apiDoc && renderTemplate`<h1>Hello <span class="text-gradient">${apiDoc.name}</span></h1><hr><div class="mt-3">
       <mark>${apiDoc._id}</mark> from <i>${apiResource}</i>
       <p>${Math.random()}</p>

package/packages/storefront/dist/server/chunks/pages/{account.astro.7074390b.mjs → account.astro.f630663e.mjs}

@@ -1,4 +1,4 @@
-import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.c449fda8.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate } from '../astro.2df8d1c5.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';

package/packages/storefront/dist/server/chunks/pages/{endpoint.js.7cc60df6.mjs → endpoint.js.1d889b2f.mjs}

@@ -1,6 +1,6 @@
 import mime from 'mime';
 import sharp$1 from 'sharp';
-import { B as BaseSSRService, i as isOutputFormatSupportsAlpha } from './_...slug_.astro.116acf2f.mjs';
+import { B as BaseSSRService, i as isOutputFormatSupportsAlpha } from './_...slug_.astro.f0a57b8d.mjs';
 
 class SharpService extends BaseSSRService {
   async transform(inputBuffer, transform) {

package/packages/storefront/dist/server/chunks/pages/{fallback.astro.c8d2f06a.mjs → fallback.astro.42f81a9a.mjs}

@@ -1,5 +1,5 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, b as addAttribute, d as renderComponent } from '../astro.c449fda8.mjs';
-import { l as loadRouteContext, $ as $$Pages } from './_...slug_.astro.116acf2f.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, m as maybeRenderHead, b as addAttribute, d as renderComponent } from '../astro.2df8d1c5.mjs';
+import { l as loadRouteContext, $ as $$Pages } from './_...slug_.astro.f0a57b8d.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';
@@ -32,7 +32,7 @@ const $$Astro$1 = createAstro("https://ecom2-demo.web.app");
 const $$Fallback$1 = createComponent(async ($$result, $$props, $$slots) => {
   const Astro2 = $$result.createAstro($$Astro$1, $$props, $$slots);
   Astro2.self = $$Fallback$1;
-  return renderTemplate`${maybeRenderHead($$result)}<main>
+  return renderTemplate`${maybeRenderHead()}<main>
   <h1>Error :/</h1>
   <p class="instructions">
     Check out the <code>src/pages</code> directory to get started.<br>

package/packages/storefront/dist/server/chunks/pages/{index.astro.bf79b1d4.mjs → index.astro.533679e1.mjs}

@@ -1,7 +1,7 @@
-import { c as createAstro, a as createComponent, r as renderTemplate, d as renderComponent, m as maybeRenderHead, b as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.c449fda8.mjs';
-import { a as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, b as CarouselControl, m as modulesInfo, l as loadRouteContext, $ as $$Pages } from './_...slug_.astro.116acf2f.mjs';
+import { c as createAstro, a as createComponent, r as renderTemplate, d as renderComponent, m as maybeRenderHead, b as addAttribute, u as unescapeHTML, F as Fragment$1 } from '../astro.2df8d1c5.mjs';
+import { a as $$Picture, p as parseShippingPhrase, _ as _export_sfc, C as Carousel, b as CarouselControl, m as modulesInfo, l as loadRouteContext, $ as $$Pages } from './_...slug_.astro.f0a57b8d.mjs';
 import api from '@cloudcommerce/api';
-import { computed, useSSRContext, defineComponent, mergeProps, withCtx, withDirectives, createVNode, vShow, resolveDynamicComponent, createTextVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, renderSlot, createCommentVNode, ref, shallowReactive, resolveComponent, withAsyncContext } from 'vue';
+import { computed, useSSRContext, defineComponent, mergeProps, withCtx, createVNode, withDirectives, vShow, resolveDynamicComponent, createTextVNode, toDisplayString, openBlock, createBlock, Fragment, renderList, renderSlot, createCommentVNode, ref, shallowReactive, resolveComponent, withAsyncContext } from 'vue';
 import { ssrRenderAttrs, ssrRenderComponent, ssrRenderStyle, ssrRenderList, ssrRenderClass, ssrRenderAttr, ssrRenderSlot, ssrRenderVNode, ssrInterpolate } from 'vue/server-renderer';
 import { inStock, price, name, img, onPromotion } from '@ecomplus/utils';
 import { useElementHover, watchOnce } from '@vueuse/core';
@@ -111,22 +111,54 @@ function _sfc_ssrRender$3(_ctx, _push, _parent, _attrs, $props, $setup, $data, $
   _push(ssrRenderComponent($setup["Carousel"], { autoplay: $props.autoplay }, {
     controls: withCtx((_, _push2, _parent2, _scopeId) => {
       if (_push2) {
-        _push2(`<div style="${ssrRenderStyle($setup.parsedSlides.length > 1 ? null : { display: "none" })}" class="absolute z-10 bottom-5 flex justify-end items-center w-screen xl:max-w-screen-xl xl:left-1/2 -ms-[640px]"${_scopeId}><div class="relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5"${_scopeId}>`);
+        _push2(`<div style="${ssrRenderStyle($setup.parsedSlides.length > 1 ? null : { display: "none" })}" class="absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]"${_scopeId}><div class="relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5"${_scopeId}>`);
         _push2(ssrRenderComponent($setup["CarouselControl"], {
-          direction: -1,
-          class: "w-10 h-10 rounded-full hover:bg-primary/10"
-        }, null, _parent2, _scopeId));
-        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "w-10 h-10 rounded-full hover:bg-primary/10" }, null, _parent2, _scopeId));
+          class: "w-10 h-10 rounded-full hover:bg-primary/10",
+          "is-prev": ""
+        }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<i class="i-arrow-left"${_scopeId2}></i>`);
+            } else {
+              return [
+                createVNode("i", { class: "i-arrow-left" })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent2, _scopeId));
+        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "w-10 h-10 rounded-full hover:bg-primary/10" }, {
+          default: withCtx((_2, _push3, _parent3, _scopeId2) => {
+            if (_push3) {
+              _push3(`<i class="i-arrow-right"${_scopeId2}></i>`);
+            } else {
+              return [
+                createVNode("i", { class: "i-arrow-right" })
+              ];
+            }
+          }),
+          _: 1
+        }, _parent2, _scopeId));
         _push2(`</div></div>`);
       } else {
         return [
-          withDirectives(createVNode("div", { class: "absolute z-10 bottom-5 flex justify-end items-center w-screen xl:max-w-screen-xl xl:left-1/2 -ms-[640px]" }, [
+          withDirectives(createVNode("div", { class: "absolute z-10 bottom-5 flex justify-end items-center w-screen right-5 xl:right-auto xl:max-w-screen-xl xl:left-1/2 xl:-ms-[640px]" }, [
             createVNode("div", { class: "relative w-20 h-10 rounded-full bg-white/50 text-primary shadow-sm ring-1 ring-black/5" }, [
               createVNode($setup["CarouselControl"], {
-                direction: -1,
-                class: "w-10 h-10 rounded-full hover:bg-primary/10"
+                class: "w-10 h-10 rounded-full hover:bg-primary/10",
+                "is-prev": ""
+              }, {
+                default: withCtx(() => [
+                  createVNode("i", { class: "i-arrow-left" })
+                ]),
+                _: 1
               }),
-              createVNode($setup["CarouselControl"], { class: "w-10 h-10 rounded-full hover:bg-primary/10" })
+              createVNode($setup["CarouselControl"], { class: "w-10 h-10 rounded-full hover:bg-primary/10" }, {
+                default: withCtx(() => [
+                  createVNode("i", { class: "i-arrow-right" })
+                ]),
+                _: 1
+              })
             ])
           ], 512), [
             [vShow, $setup.parsedSlides.length > 1]
@@ -927,14 +959,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     {
       [__temp, __restore] = withAsyncContext(() => fetching), await __temp, __restore();
     }
-    const __returned__ = { props, title, titleLink, fetching, products, ProductCard };
+    const __returned__ = { props, title, titleLink, fetching, products, Carousel, CarouselControl, ProductCard };
     Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
     return __returned__;
   }
 });
 function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $options) {
   const _component_ALink = resolveComponent("ALink");
-  _push(`<section${ssrRenderAttrs(_attrs)}>`);
+  _push(`<section${ssrRenderAttrs(mergeProps({ class: "container mx-auto" }, _attrs))}>`);
   if ($setup.title) {
     _push(`<h2>`);
     if ($setup.titleLink) {
@@ -957,13 +989,55 @@ function _sfc_ssrRender(_ctx, _push, _parent, _attrs, $props, $setup, $data, $op
   } else {
     _push(`<!---->`);
   }
-  _push(`<ul class="grid grid-cols-4"><!--[-->`);
-  ssrRenderList($setup.products, (product) => {
-    _push(`<li>`);
-    _push(ssrRenderComponent($setup["ProductCard"], { product }, null, _parent));
-    _push(`</li>`);
-  });
-  _push(`<!--]--></ul></section>`);
+  _push(ssrRenderComponent($setup["Carousel"], { class: "group/shelf" }, {
+    controls: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<div style="${ssrRenderStyle($setup.products.length > 2 ? null : { display: "none" })}" class="text-3xl lg:text-xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity"${_scopeId}>`);
+        _push2(ssrRenderComponent($setup["CarouselControl"], {
+          class: "!top-1/2 lg:-left-2 w-10 h-10 bg-transparent lg:bg-white/80 lg:hover:bg-primary/10 rounded-full lg:shadow-sm lg:ring-1 ring-black/5",
+          "is-prev": ""
+        }, null, _parent2, _scopeId));
+        _push2(ssrRenderComponent($setup["CarouselControl"], { class: "!top-1/2 lg:-right-2 w-10 h-10 bg-transparent lg:bg-white/80 lg:hover:bg-primary/10 rounded-full lg:shadow-sm lg:ring-1 ring-black/5" }, null, _parent2, _scopeId));
+        _push2(`</div>`);
+      } else {
+        return [
+          withDirectives(createVNode("div", { class: "text-3xl lg:text-xl leading-none text-primary lg:opacity-0 group-hover/shelf:opacity-90 transition-opacity" }, [
+            createVNode($setup["CarouselControl"], {
+              class: "!top-1/2 lg:-left-2 w-10 h-10 bg-transparent lg:bg-white/80 lg:hover:bg-primary/10 rounded-full lg:shadow-sm lg:ring-1 ring-black/5",
+              "is-prev": ""
+            }),
+            createVNode($setup["CarouselControl"], { class: "!top-1/2 lg:-right-2 w-10 h-10 bg-transparent lg:bg-white/80 lg:hover:bg-primary/10 rounded-full lg:shadow-sm lg:ring-1 ring-black/5" })
+          ], 512), [
+            [vShow, $setup.products.length > 2]
+          ])
+        ];
+      }
+    }),
+    default: withCtx((_, _push2, _parent2, _scopeId) => {
+      if (_push2) {
+        _push2(`<!--[-->`);
+        ssrRenderList($setup.products, (product) => {
+          _push2(`<li class="basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"${_scopeId}>`);
+          _push2(ssrRenderComponent($setup["ProductCard"], { product }, null, _parent2, _scopeId));
+          _push2(`</li>`);
+        });
+        _push2(`<!--]-->`);
+      } else {
+        return [
+          (openBlock(true), createBlock(Fragment, null, renderList($setup.products, (product) => {
+            return openBlock(), createBlock("li", {
+              key: product._id,
+              class: "basis-1/2 md:basis-1/3 lg:basis-1/4 shrink-0"
+            }, [
+              createVNode($setup["ProductCard"], { product }, null, 8, ["product"])
+            ]);
+          }), 128))
+        ];
+      }
+    }),
+    _: 1
+  }, _parent));
+  _push(`</section>`);
 }
 const _sfc_setup = _sfc_main.setup;
 _sfc_main.setup = (props, ctx) => {
@@ -979,7 +1053,7 @@ const $$Sections = createComponent(async ($$result, $$props, $$slots) => {
   Astro2.self = $$Sections;
   const { routeContext } = Astro2.locals;
   const { sections } = await usePageSections({ routeContext });
-  return renderTemplate`${maybeRenderHead($$result)}<article class="my-12">
+  return renderTemplate`${maybeRenderHead()}<article class="my-9 md:my-12">
   ${sections.map(({ type, props }) => {
     switch (type) {
       case "product-shelf":
@@ -999,7 +1073,7 @@ const $$Home = createComponent(async ($$result, $$props, $$slots) => {
   const { heroSlider } = await usePageHero({ routeContext });
   const heroSlides = heroSlider.slides;
   const products = (await api.get("products")).data.result;
-  return renderTemplate`${maybeRenderHead($$result)}<main>
+  return renderTemplate`${maybeRenderHead()}<main>
   ${heroSlider.slides.length && renderTemplate`${renderComponent($$result, "HeroSlider", HeroSlider, { ...heroSlider, "client:load": true, "client:component-hydration": "load", "client:component-path": "~/components/HeroSlider.vue", "client:component-export": "default" }, { "picture-0": ($$result2) => renderTemplate`${heroSlides[0] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-0", ...heroSlides[0], "index": 0 })}`}`, "picture-1": ($$result2) => renderTemplate`${heroSlides[1] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-1", ...heroSlides[1], "index": 1 })}`}`, "picture-2": ($$result2) => renderTemplate`${heroSlides[2] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-2", ...heroSlides[2], "index": 2 })}`}`, "picture-3": ($$result2) => renderTemplate`${heroSlides[3] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-3", ...heroSlides[3], "index": 3 })}`}`, "picture-4": ($$result2) => renderTemplate`${heroSlides[4] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-4", ...heroSlides[4], "index": 4 })}`}`, "picture-5": ($$result2) => renderTemplate`${heroSlides[5] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-5", ...heroSlides[5], "index": 5 })}`}`, "picture-6": ($$result2) => renderTemplate`${heroSlides[6] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-6", ...heroSlides[6], "index": 6 })}`}`, "picture-7": ($$result2) => renderTemplate`${heroSlides[7] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-7", ...heroSlides[7], "index": 7 })}`}`, "picture-8": ($$result2) => renderTemplate`${heroSlides[8] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-8", ...heroSlides[8], "index": 8 })}`}`, "picture-9": ($$result2) => renderTemplate`${heroSlides[9] && renderTemplate`${renderComponent($$result2, "HeroPicture", $$HeroPicture, { "slot": "picture-9", ...heroSlides[9], "index": 9 })}`}` })}`}
   ${renderComponent($$result, "Sections", $$Sections, {})}
 

package/packages/storefront/dist/server/entry.mjs

@@ -3,7 +3,7 @@ import { webcrypto } from 'node:crypto';
 import { ByteLengthQueuingStrategy, CountQueuingStrategy, ReadableByteStreamController, ReadableStream, ReadableStreamBYOBReader, ReadableStreamBYOBRequest, ReadableStreamDefaultController, ReadableStreamDefaultReader, TransformStream, WritableStream, WritableStreamDefaultController, WritableStreamDefaultWriter } from 'node:stream/web';
 import { File, FormData, Headers, Request, Response, fetch } from 'undici';
 import { setTimeout as setTimeout$1, clearTimeout as clearTimeout$1 } from 'node:timers';
-import { N as NodeApp, g as deserializeManifest } from './chunks/astro.c449fda8.mjs';
+import { N as NodeApp, g as deserializeManifest } from './chunks/astro.2df8d1c5.mjs';
 import { Readable } from 'stream';
 import https from 'https';
 import path from 'path';
@@ -24,7 +24,7 @@ import 'string-width';
 import 'vue';
 import 'vue/server-renderer';
 import '@ecomplus/utils';
-import './chunks/pages/_...slug_.astro.116acf2f.mjs';
+import './chunks/pages/_...slug_.astro.f0a57b8d.mjs';
 import 'node:fs/promises';
 import 'node:path';
 import 'node:url';
@@ -2824,13 +2824,13 @@ const adapter = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   start
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const _page0  = () => import('./chunks/endpoint@_@js.c74a899a.mjs');
-const _page1  = () => import('./chunks/index@_@astro.a9e6a560.mjs');
-const _page2  = () => import('./chunks/fallback@_@astro.50cbf3a3.mjs');
-const _page3  = () => import('./chunks/index@_@astro.2a31c91e.mjs');
-const _page4  = () => import('./chunks/account@_@astro.f35b9c8d.mjs');
-const _page5  = () => import('./chunks/_...5993f704.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.7.3_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5]]);
-const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.7.3_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.6aebc438.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.ab554647.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.6aebc438.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.ab554647.css"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.6aebc438.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.ab554647.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-demo.web.app","base":"/","compressHTML":false,"markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"clientDirectives":[["idle","(()=>{var i=t=>{let e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var s=(i,t)=>{let a=async()=>{await(await i())()};if(t.value){let e=matchMedia(t.value);e.matches?a():e.addEventListener(\"change\",a,{once:!0})}};(self.Astro||(self.Astro={})).media=s;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var r=(s,c,i)=>{let o=async()=>{await(await s())()},n=new IntersectionObserver(e=>{for(let t of e)if(t.isIntersecting){n.disconnect(),o();break}});for(let e=0;e<i.children.length;e++){let t=i.children[e];n.observe(t)}};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account.astro.7074390b.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.c8d2f06a.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.7.3_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.c74a899a.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.a9e6a560.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.50cbf3a3.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.2a31c91e.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.f35b9c8d.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...5993f704.mjs","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","~/components/PitchBar.vue":"_astro/PitchBar.d0e3362e.js","~/components/Prices.vue":"_astro/Prices.5186c09f.js","~/components/ProductShelf.vue":"_astro/ProductShelf.d90bfc6e.js","~/components/HeroSlider.vue":"_astro/HeroSlider.c5b673b3.js","@astrojs/vue/client.js":"_astro/client.06720904.js","/astro/hoisted.js?q=0":"_astro/hoisted.6aebc438.js","~/components/ShopHeader.vue":"_astro/ShopHeader.e88dedbc.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.5325b6d5.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.ab554647.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.93c2309b.js","/_astro/HeroSlider.c5b673b3.js","/_astro/PitchBar.d0e3362e.js","/_astro/Prices.51598206.js","/_astro/Prices.5186c09f.js","/_astro/ProductShelf.d90bfc6e.js","/_astro/ShopHeader.e88dedbc.js","/_astro/_plugin-vue_export-helper.8870d8dc.js","/_astro/api.7f62c1ff.js","/_astro/client.06720904.js","/_astro/firebase-app.5325b6d5.js","/_astro/format-money.3868f219.js","/_astro/hoisted.6aebc438.js","/_astro/idle-callback.889bf0ea.js","/_astro/img.2ae78c70.js","/_astro/index.3de006ba.js","/_astro/modules-info.c65d970c.js","/_astro/preload-helper.101896b7.js","/_astro/runtime-dom.esm-bundler.7a95af90.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png"]}), {
+const _page0  = () => import('./chunks/endpoint@_@js.ce919661.mjs');
+const _page1  = () => import('./chunks/index@_@astro.8e359cb4.mjs');
+const _page2  = () => import('./chunks/fallback@_@astro.6c7c4acd.mjs');
+const _page3  = () => import('./chunks/index@_@astro.f7e2409d.mjs');
+const _page4  = () => import('./chunks/account@_@astro.d58b2d34.mjs');
+const _page5  = () => import('./chunks/_...06f412d0.mjs');const pageMap = new Map([["../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js", _page0],["src/pages/index.astro", _page1],["src/pages/fallback.astro", _page2],["src/pages/app/index.astro", _page3],["src/pages/app/account.astro", _page4],["src/pages/[...slug].astro", _page5]]);
+const _manifest = Object.assign(deserializeManifest({"adapterName":"@astrojs/node","routes":[{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"type":"endpoint","route":"/_image","pattern":"^\\/_image$","segments":[[{"content":"_image","dynamic":false,"spread":false}]],"params":[],"component":"../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint.js","pathname":"/_image","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.45bc69ca.css"}],"routeData":{"route":"/","type":"page","pattern":"^\\/$","segments":[],"params":[],"component":"src/pages/index.astro","pathname":"/","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.45bc69ca.css"}],"routeData":{"route":"/fallback","type":"page","pattern":"^\\/fallback\\/?$","segments":[[{"content":"fallback","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/fallback.astro","pathname":"/fallback","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app","type":"page","pattern":"^\\/app\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/index.astro","pathname":"/app","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[],"styles":[],"routeData":{"route":"/app/account","type":"page","pattern":"^\\/app\\/account\\/?$","segments":[[{"content":"app","dynamic":false,"spread":false}],[{"content":"account","dynamic":false,"spread":false}]],"params":[],"component":"src/pages/app/account.astro","pathname":"/app/account","prerender":false,"_meta":{"trailingSlash":"ignore"}}},{"file":"","links":[],"scripts":[{"type":"external","value":"/_astro/hoisted.9d9d7ac4.js"}],"styles":[{"type":"external","src":"/_astro/_...slug_.45bc69ca.css"}],"routeData":{"route":"/[...slug]","type":"page","pattern":"^(?:\\/(.*?))?\\/?$","segments":[[{"content":"...slug","dynamic":true,"spread":true}]],"params":["...slug"],"component":"src/pages/[...slug].astro","prerender":false,"_meta":{"trailingSlash":"ignore"}}}],"site":"https://ecom2-demo.web.app","base":"/","compressHTML":false,"markdown":{"drafts":false,"syntaxHighlight":"shiki","shikiConfig":{"langs":[],"theme":"github-dark","wrap":false},"remarkPlugins":[],"rehypePlugins":[],"remarkRehype":{},"gfm":true,"smartypants":true},"componentMetadata":[["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/[...slug].astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/fallback.astro",{"propagation":"none","containsHead":true}],["/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/pages/index.astro",{"propagation":"none","containsHead":true}]],"renderers":[],"clientDirectives":[["idle","(()=>{var i=t=>{let e=async()=>{await(await t())()};\"requestIdleCallback\"in window?window.requestIdleCallback(e):setTimeout(e,200)};(self.Astro||(self.Astro={})).idle=i;window.dispatchEvent(new Event(\"astro:idle\"));})();"],["load","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event(\"astro:load\"));})();"],["media","(()=>{var s=(i,t)=>{let a=async()=>{await(await i())()};if(t.value){let e=matchMedia(t.value);e.matches?a():e.addEventListener(\"change\",a,{once:!0})}};(self.Astro||(self.Astro={})).media=s;window.dispatchEvent(new Event(\"astro:media\"));})();"],["only","(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event(\"astro:only\"));})();"],["visible","(()=>{var r=(i,c,n)=>{let s=async()=>{await(await i())()},t=new IntersectionObserver(e=>{for(let o of e)if(o.isIntersecting){t.disconnect(),s();break}});for(let e of n.children)t.observe(e)};(self.Astro||(self.Astro={})).visible=r;window.dispatchEvent(new Event(\"astro:visible\"));})();"]],"entryModules":{"\u0000@astrojs-ssr-virtual-entry":"_@astrojs-ssr-virtual-entry.mjs","\u0000@astro-renderers":"renderers.mjs","\u0000empty-middleware":"_empty-middleware.mjs","/src/pages/app/account.astro":"chunks/pages/account.astro.f630663e.mjs","/src/pages/fallback.astro":"chunks/pages/fallback.astro.42f81a9a.mjs","\u0000@astro-page:../../node_modules/.pnpm/@astrojs+image@0.17.2_astro@2.8.0_sharp@0.32.1/node_modules/@astrojs/image/dist/endpoint@_@js":"chunks/endpoint@_@js.ce919661.mjs","\u0000@astro-page:src/pages/index@_@astro":"chunks/index@_@astro.8e359cb4.mjs","\u0000@astro-page:src/pages/fallback@_@astro":"chunks/fallback@_@astro.6c7c4acd.mjs","\u0000@astro-page:src/pages/app/index@_@astro":"chunks/index@_@astro.f7e2409d.mjs","\u0000@astro-page:src/pages/app/account@_@astro":"chunks/account@_@astro.d58b2d34.mjs","\u0000@astro-page:src/pages/[...slug]@_@astro":"chunks/_...06f412d0.mjs","~/components/HeroSlider.vue":"_astro/HeroSlider.3d4a1d1c.js","/astro/hoisted.js?q=0":"_astro/hoisted.9d9d7ac4.js","~/components/PitchBar.vue":"_astro/PitchBar.c53e6d0b.js","~/components/ProductShelf.vue":"_astro/ProductShelf.f013b3ee.js","@astrojs/vue/client.js":"_astro/client.2d950540.js","/home/leo/code/ecomplus/cloud-commerce/node_modules/workbox-window/build/workbox-window.prod.es5.mjs":"_astro/workbox-window.prod.es5.a7b12eab.js","~/components/Prices.vue":"_astro/Prices.de6df3cb.js","~/components/ShopHeader.vue":"_astro/ShopHeader.c0ba5061.js","/home/leo/code/ecomplus/cloud-commerce/packages/storefront/src/lib/scripts/firebase-app.ts":"_astro/firebase-app.84207480.js","astro:scripts/before-hydration.js":""},"assets":["/_astro/_...slug_.45bc69ca.css","/manifest.webmanifest","/robots.txt","/sw.js","/workbox-5e0bf4e4.js","/_astro/Carousel.f39be3c0.js","/_astro/HeroSlider.3d4a1d1c.js","/_astro/PitchBar.c53e6d0b.js","/_astro/Prices.de6df3cb.js","/_astro/ProductShelf.f013b3ee.js","/_astro/ShopHeader.c0ba5061.js","/_astro/_plugin-vue_export-helper.d3aaeb0d.js","/_astro/api.7f62c1ff.js","/_astro/client.2d950540.js","/_astro/firebase-app.84207480.js","/_astro/format-money.3b884fcb.js","/_astro/hoisted.9d9d7ac4.js","/_astro/idle-callback.889bf0ea.js","/_astro/img.517fec8e.js","/_astro/index.33347cbd.js","/_astro/modules-info.ad27b027.js","/_astro/preload-helper.cf010ec4.js","/_astro/runtime-dom.esm-bundler.00b967e0.js","/_astro/session-utm.744b0db3.js","/_astro/workbox-window.prod.es5.a7b12eab.js","/assets/cms-preview.css","/assets/cms.css","/assets/cvv.png","/assets/img-placeholder.png","/assets/payments.png","/assets/ssl-safe.png","/img/icon.png","/img/large-icon.png","/img/uploads/banner1.png","/img/uploads/banner2.png","/img/uploads/banner2.webp","/img/uploads/ecom-icon.png","/img/uploads/favicon.png","/img/uploads/headless.png","/img/uploads/headphone.png","/img/uploads/headphone.webp","/img/uploads/logo.png","/img/uploads/og-image.png","/img/uploads/passion.png","/img/uploads/passion.webp","/img/uploads/pwa-reliable.png","/img/uploads/rect8589.png","/img/uploads/rect859.png","/img/uploads/rect89.png","/img/uploads/rect89.webp","/img/uploads/ssl-safe.png"]}), {
 	pageMap,
 	renderers,
 });

package/packages/storefront/dist/server/renderers.mjs

@@ -1,8 +1,8 @@
-import { h as server_default } from './chunks/astro.c449fda8.mjs';
+import { h as server_default } from './chunks/astro.2df8d1c5.mjs';
 import { useSSRContext, defineComponent, computed, mergeProps, h, createSSRApp } from 'vue';
 import { ssrRenderSlotInner, ssrRenderAttrs, ssrRenderSlot, renderToString } from 'vue/server-renderer';
 import { img, imgSizes, i18n, formatMoney } from '@ecomplus/utils';
-import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.116acf2f.mjs';
+import { _ as _export_sfc } from './chunks/pages/_...slug_.astro.f0a57b8d.mjs';
 import 'path-to-regexp';
 import 'cookie';
 import '@astrojs/internal-helpers/path';