cloudcommerce 0.23.3 → 0.24.1

package/CHANGELOG.md

@@ -2,6 +2,56 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.24.1](https://github.com/ecomplus/cloud-commerce/compare/v0.24.0...v0.24.1) (2023-08-19)
+
+
+### Features
+
+* **storefront:** Add new global <Skeleton> component ([83c42b1](https://github.com/ecomplus/cloud-commerce/commit/83c42b113200c28dd56b77f80df393f911194957))
+
+
+### Bug Fixes
+
+* **storefront:** Fix regression with icons aliases selectors on UnoCSS config ([37f7c8e](https://github.com/ecomplus/cloud-commerce/commit/37f7c8efaa63273cf3c0eb575d174cb9e2358fdc))
+
+## [0.24.0](https://github.com/ecomplus/cloud-commerce/compare/v0.23.3...v0.24.0) (2023-08-18)
+
+
+### ⚠ BREAKING CHANGES
+
+* **storefront:** Icons related theme config fields replaced by `generalIconSets`, `brandIconSets`, `brandIconShortcuts`, `logoIconSets`, `logoIconShortcuts`
+
+IntelliSense only field for icons no more needed and removed
+* **storefront:** Global component <ALink> API changed
+* **storefront:** `usePageHeader` composable props changed (simplified)
+* **ssr:** Previous /fallback.astro page must be changed to /~fallback.astro
+* **storefront:** Route context `fetchingApiContext` now always resolve with null, error only at `apiContext.error` if any
+
+### Features
+
+* **ssr:** Edit Cloudflare SWR worker to also store SSRed HTML on KV PERMA_CACHE namespace ([1f3b188](https://github.com/ecomplus/cloud-commerce/commit/1f3b188b583a8bfa656c7a7469510fadc10081f4))
+* **ssr:** Edit Cloudflare SWR worker to support host override from env vars ([b2fc99b](https://github.com/ecomplus/cloud-commerce/commit/b2fc99bb2310dc9986569beb89a8251c65af85a8))
+* **storefront:** Add new `intellisenseIconSets` theme option for Tailwind config ([75ce9c9](https://github.com/ecomplus/cloud-commerce/commit/75ce9c9b64f997dd9bbc86b6f178137745acc40b))
+* **storefront:** Add support for multiple icon sets with arrays on theme config ([5d5c0a3](https://github.com/ecomplus/cloud-commerce/commit/5d5c0a3a806cac5ecf15462b2add22804d3d6c0d))
+* **storefront:** New <PaymentMethodFlag> component ([2ba386f](https://github.com/ecomplus/cloud-commerce/commit/2ba386fb26dcb72a5c91f4740403302cb4e4a157))
+* **types:** Add `service_links` and `payment_methods` (flags) to settings content type ([390be9d](https://github.com/ecomplus/cloud-commerce/commit/390be9d7ec65996bbef1b1431c50de5b195ce8f0))
+
+
+### Bug Fixes
+
+* **deps:** Update Astro to v2.10.7 ([#210](https://github.com/ecomplus/cloud-commerce/issues/210)) ([fab598f](https://github.com/ecomplus/cloud-commerce/commit/fab598febeb9d2b2d7979497dba08f17b921dcde))
+* **deps:** Update dependency unocss to ^0.55.0 ([#213](https://github.com/ecomplus/cloud-commerce/issues/213)) ([55b9626](https://github.com/ecomplus/cloud-commerce/commit/55b96263e141ef5abd340f2146215a0141a02ceb))
+* **storefront:** Fix <Drawer> close button z-index ([4ff06db](https://github.com/ecomplus/cloud-commerce/commit/4ff06dbadce0c3261444ea5dcbe57ec294ffa549))
+* **storefront:** Increasing sticky header debounce max wait to prevent wrong header final place ([d04b808](https://github.com/ecomplus/cloud-commerce/commit/d04b808ff55a7457d78bc5965d43e5276299a780))
+* **storefront:** Minor fix BannerPicture.astro default alt text styles ([6d0aed5](https://github.com/ecomplus/cloud-commerce/commit/6d0aed5ba849af6a0aa8e11da916f7c204e04564))
+* **storefront:** Prevent errors with not founds by slug on SSR context load ([eeb3232](https://github.com/ecomplus/cloud-commerce/commit/eeb3232fb79f6440234a257b915f9c9d2de0e7b4))
+* **storefront:** Update Astro to v2.10.9 ([3555906](https://github.com/ecomplus/cloud-commerce/commit/35559061843a1c8ba7618c255080289677640b10))
+
+
+* **ssr:** Expecting fallback static HTML at /~fallback route ([922c9c9](https://github.com/ecomplus/cloud-commerce/commit/922c9c9ddeda661861cf1c80204ebd9adf0bf47e))
+* **storefront:** Set href optional on <ALink> to handle common optional link case ([1573c65](https://github.com/ecomplus/cloud-commerce/commit/1573c653126975b3fac1e3291fa01976e98a8052))
+* **storefront:** Update `usePageHeader` composable removing `serviceLinks` prop ([e566038](https://github.com/ecomplus/cloud-commerce/commit/e56603848af4013eb29b7604d0fb936238e85d7c))
+
 ### [0.23.3](https://github.com/ecomplus/cloud-commerce/compare/v0.23.2...v0.23.3) (2023-08-08)
 
 

package/ecomplus-stores/barra-doce/functions/many/package.json

@@ -15,8 +15,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/feeds": "^0.23.2",
-    "@cloudcommerce/firebase": "^0.23.2",
-    "@cloudcommerce/passport": "^0.23.2"
+    "@cloudcommerce/feeds": "^0.24.0",
+    "@cloudcommerce/firebase": "^0.24.0",
+    "@cloudcommerce/passport": "^0.24.0"
   }
 }

package/ecomplus-stores/barra-doce/functions/ssr/content/layout.json

@@ -26,12 +26,6 @@
     },
     "alphabetical_sort_submenu": false
   },
-  "service_links": [
-    {
-      "title": "Fale conosco",
-      "href": "/pages/contato"
-    }
-  ],
   "footer": {
   }
 }

package/ecomplus-stores/barra-doce/functions/ssr/content/settings.json

@@ -22,6 +22,23 @@
   "youtube": "https://www.youtube.com/channel/UCBlIxK5JAub0E1EX_qHdzmA",
   "tiktok": "",
   "pinterest": "",
+  "threads": "",
+  "service_links": [
+    {
+      "title": "Fale conosco",
+      "href": "/pages/contato"
+    }
+  ],
+  "payment_methods": [
+    "pix",
+    "visa",
+    "mastercard",
+    "elo",
+    "amex",
+    "hipercard",
+    "diners",
+    "boleto"
+  ],
   "modules": {
     "list_payments": {
       "installments_option": {

package/ecomplus-stores/barra-doce/functions/ssr/package.json

@@ -17,14 +17,14 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/api": "^0.23.2",
-    "@cloudcommerce/firebase": "^0.23.2",
-    "@cloudcommerce/ssr": "^0.23.2"
+    "@cloudcommerce/api": "^0.24.0",
+    "@cloudcommerce/firebase": "^0.24.0",
+    "@cloudcommerce/ssr": "^0.24.0"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.23.2",
-    "@cloudcommerce/storefront": "^0.23.2",
-    "@cloudcommerce/types": "^0.23.2",
+    "@cloudcommerce/i18n": "^0.24.0",
+    "@cloudcommerce/storefront": "^0.24.0",
+    "@cloudcommerce/types": "^0.24.0",
     "@fontsource/croissant-one": "^5.0.5",
     "@iconify-json/mingcute": "^1.1.7"
   }

package/ecomplus-stores/barra-doce/functions/ssr/public/robots.txt

@@ -1,8 +1,6 @@
 User-agent: *
 Allow: /
 Disallow: /app/
-Disallow: /search$
-Disallow: /search?
-Disallow: /search.html$
-Disallow: /search.html?
 Disallow: /admin/
+Disallow: /api/
+Disallow: /~*

package/ecomplus-stores/barra-doce/functions/ssr/src/components/AccountMenu.vue

@@ -46,7 +46,7 @@
           <MenuItem
             as="li"
             v-slot="{ active }"
-            v-for="({ title, href }, i) in serviceLinks"
+            v-for="({ title, href }, i) in $settings.service_links"
             :key="`s-${i}`"
           >
             <ALink
@@ -92,13 +92,4 @@ import {
 } from '@@sf/state/customer-session';
 import AccountLink from '@@sf/components/AccountLink.vue';
 import SocialNetworkLink from '@@sf/components/SocialNetworkLink.vue';
-
-export interface Props {
-  serviceLinks?: Array<{
-    title: string;
-    href: string;
-  }>;
-}
-
-defineProps<Props>();
 </script>

package/ecomplus-stores/barra-doce/functions/ssr/src/components/Banner.vue

@@ -5,8 +5,7 @@
       ? 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 items-center'
       : null"
   >
-    <component
-      :is="href ? 'a-link' : 'span'"
+    <ALink
       :href="href"
       :class="hasHeader
         ? 'lg:col-span-3 sm:order-last [&_img]:max-w-full sm:[&_img]:max-w-none'
@@ -15,7 +14,7 @@
       class="md:[clip-path:polygon(6%_0,100%_0,100%_100%,0_100%)]"
     >
       <slot name="picture" />
-    </component>
+    </ALink>
     <div v-if="hasHeader" class="lg:col-span-2 p-8 lg:p-12 xl:ps-32 mb-3 md:mb-0">
       <Component
         v-if="parsedTitle"
@@ -30,15 +29,14 @@
       >
         {{ parsedSubtitle }}
       </p>
-      <component
+      <ALink
         v-if="parsedButtonText"
-        :is="buttonLink ? 'a-link' : 'span'"
         :href="buttonLink"
         class="ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"
       >
         <i class="i-tag-chevron-fill mr-1"></i>
         {{ parsedButtonText }}
-      </component>
+      </ALink>
     </div>
   </div>
 </template>

package/ecomplus-stores/barra-doce/functions/ssr/src/components/PitchBar.vue

@@ -7,8 +7,7 @@
           :key="i"
           class="shrink-0 basis-full h-full text-center"
         >
-          <component
-            :is="slide.href ? 'ALink' : 'span'"
+          <ALink
             :href="slide.href"
             :target="slide.target"
             class="inline-block px-8"
@@ -19,7 +18,7 @@
               v-html="parsedContents[i]"
               class="prose text-sm text-base-800"
             ></span>
-          </component>
+          </ALink>
         </li>
         <template #controls>
           <div

package/ecomplus-stores/barra-doce/functions/ssr/src/components/ProductCard.vue

@@ -4,8 +4,7 @@
     :data-sku="product.sku"
     class="relative h-full max-w-[350px] mx-auto py-3 group"
   >
-    <component
-      :is="link ? 'ALink' : 'span'"
+    <ALink
       :href="link"
       class="flex flex-col h-full rounded overflow-hidden
       group-hover:shadow group-hover:ring-1 ring-black/5"
@@ -14,7 +13,7 @@
         motion-safe:group-hover:scale-110 transition-transform">
         <div class="relative w-full h-full bg-white rounded overflow-hidden
           group-hover:rounded-none">
-          <template v-if="images?.length">
+          <span v-if="images?.length" class="text-xs text-opacity-70">
             <AImg
               :picture="images[0]"
               :alt="title"
@@ -28,7 +27,7 @@
               opacity-0 group-hover:opacity-100 transition-opacity
               motion-safe:duration-300 text-transparent z-10"
             />
-          </template>
+          </span>
           <div
             v-else
             class="w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
@@ -75,7 +74,7 @@
           <i class="i-shopping-bag-3-line"></i>
         </button>
       </div>
-    </component>
+    </ALink>
   </article>
 </template>
 

package/ecomplus-stores/barra-doce/functions/ssr/src/components/ProductShelf.vue

@@ -2,12 +2,9 @@
   <section class="ui-section">
     <div v-if="title" class="max-w-prose mx-auto text-center mb-2">
       <h2 class="ui-text-brand text-3xl">
-        <ALink v-if="titleLink" :href="titleLink" class="ui-link">
+        <ALink :href="titleLink" :class="titleLink ? 'ui-link' : 'text-base-700'">
           {{ title }}
         </ALink>
-        <span v-else class="text-base-700">
-          {{ title }}
-        </span>
       </h2>
     </div>
     <Carousel class="group/shelf">

package/ecomplus-stores/barra-doce/functions/ssr/src/components/ShopHeader.vue

@@ -69,7 +69,7 @@
             <i class="i-search-3-line w-7 h-7
               text-base-700 hover:text-primary hover:scale-110 active:scale-125"></i>
           </button>
-          <AccountMenu :service-links="serviceLinks" class="hidden sm:block">
+          <AccountMenu class="hidden sm:block">
             <template #button="{ open }">
               <i
                 class="i-user-2-line w-7 h-7
@@ -114,7 +114,14 @@
       :has-close-button="false"
       placement="top"
     >
-      <SearchModal />
+      <Suspense>
+        <SearchModal v-if="isSearchOpenOnce" />
+        <template #fallback>
+          <div class="container mx-auto">
+            <Skeleton class="p-6" is-large />
+          </div>
+        </template>
+      </Suspense>
     </Drawer>
     <Teleport v-if="isMounted" to="#teleported-overlap">
       <Drawer
@@ -122,14 +129,25 @@
         placement="end"
         backdrop-target="#teleported-overlap"
       >
-        <CartSidebar />
+        <Suspense>
+          <CartSidebar v-if="isCartOpenOnce" @close="isCartOpen = false" />
+          <template #fallback>
+            <Skeleton class="pt-16 px-6" is-bold />
+          </template>
+        </Suspense>
       </Drawer>
     </Teleport>
   </header>
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted } from 'vue';
+import {
+  ref,
+  watch,
+  onMounted,
+  defineAsyncComponent,
+} from 'vue';
+import { watchOnce } from '@vueuse/core';
 import { totalItems } from '@@sf/state/shopping-cart';
 import {
   type Props as UseShopHeaderProps,
@@ -138,17 +156,12 @@ import {
 import Drawer from '@@sf/components/Drawer.vue';
 import ShopSidenav from '~/components/ShopSidenav.vue';
 import ShopHeaderMenu from '~/components/ShopHeaderMenu.vue';
-import SearchModal from '~/components/SearchModal.vue';
 import AccountMenu from '~/components/AccountMenu.vue';
-import CartSidebar from '~/components/CartSidebar.vue';
 
-export interface Props extends Omit<UseShopHeaderProps, 'header'> {
-  serviceLinks?: Array<{
-    title: string;
-    href: string;
-  }>;
-}
+export interface Props extends Omit<UseShopHeaderProps, 'header'> {}
 
+const SearchModal = defineAsyncComponent(() => import('~/components/SearchModal.vue'));
+const CartSidebar = defineAsyncComponent(() => import('~/components/CartSidebar.vue'));
 const props = defineProps<Props>();
 const header = ref<HTMLElement | null>(null);
 const {
@@ -159,7 +172,15 @@ const {
 } = useShopHeader({ ...props, header });
 const isSidenavOpen = ref(false);
 const isSearchOpen = ref(false);
+const isSearchOpenOnce = ref(false);
+watchOnce(isSearchOpen, () => {
+  isSearchOpenOnce.value = true;
+});
 const isCartOpen = ref(false);
+const isCartOpenOnce = ref(false);
+watchOnce(isCartOpen, () => {
+  isCartOpenOnce.value = true;
+});
 const isMounted = ref(false);
 const delayedTotalItems = ref(0);
 const searchTerm = ref('');

package/ecomplus-stores/barra-doce/functions/ssr/tailwind.config.cjs

@@ -4,8 +4,8 @@ process.env.STOREFRONT_BASE_DIR = __dirname;
 const { genTailwindConfig } = require('@cloudcommerce/storefront/config/storefront.tailwind.cjs');
 
 const themeOptions = {
-  generalIcons: 'mingcute',
   baseColor: 'zinc',
+  generalIconSets: ['mingcute'],
   iconAliases: {
     close: 'close-line',
     'chevron-right': 'right-fill',

package/ecomplus-stores/barra-doce/functions/with-apps/package.json

@@ -15,8 +15,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/events": "^0.23.2",
-    "@cloudcommerce/firebase": "^0.23.2",
-    "@cloudcommerce/modules": "^0.23.2"
+    "@cloudcommerce/events": "^0.24.0",
+    "@cloudcommerce/firebase": "^0.24.0",
+    "@cloudcommerce/modules": "^0.24.0"
   }
 }

package/ecomplus-stores/barra-doce/package.json

@@ -23,9 +23,9 @@
     "url": "https://github.com/ecomplus/cloud-commerce/issues"
   },
   "dependencies": {
-    "@cloudcommerce/cli": "^0.23.2"
+    "@cloudcommerce/cli": "^0.24.0"
   },
   "devDependencies": {
-    "@cloudcommerce/eslint": "^0.23.2"
+    "@cloudcommerce/eslint": "^0.24.0"
   }
 }

package/ecomplus-stores/iluminim/.ecomplus.cd.json

@@ -1,5 +1,5 @@
 {
-  "trigger": "64c290035e60690370759966",
-  "resource": "collections",
-  "slug": "luminarias-led"
+  "trigger": "64dd2f382cd6b659591a3cfc",
+  "resource": "products",
+  "slug": "refletor-holofote-microled-slim-100w-branco-frio,refletor-holofote-microled-slim-200w-branco-frio"
 }

package/ecomplus-stores/iluminim/functions/many/package.json

@@ -15,8 +15,8 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/feeds": "^0.23.2",
-    "@cloudcommerce/firebase": "^0.23.2",
-    "@cloudcommerce/passport": "^0.23.2"
+    "@cloudcommerce/feeds": "^0.24.0",
+    "@cloudcommerce/firebase": "^0.24.0",
+    "@cloudcommerce/passport": "^0.24.0"
   }
 }

package/ecomplus-stores/iluminim/functions/ssr/content/layout.json

@@ -22,12 +22,6 @@
     },
     "alphabetical_sort_submenu": false
   },
-  "service_links": [
-    {
-      "title": "Fale conosco",
-      "href": "/pages/contato"
-    }
-  ],
   "footer": {
   }
 }

package/ecomplus-stores/iluminim/functions/ssr/content/settings.json

@@ -22,6 +22,22 @@
   "youtube": "https://www.youtube.com/channel/UCBlIxK5JAub0E1EX_qHdzmA",
   "tiktok": "",
   "pinterest": "",
+  "threads": "",
+  "service_links": [
+    {
+      "title": "Fale conosco",
+      "href": "/pages/contato"
+    }
+  ],
+  "payment_methods": [
+    "pix",
+    "visa",
+    "mastercard",
+    "elo",
+    "amex",
+    "hipercard",
+    "boleto"
+  ],
   "modules": {
     "list_payments": {
       "installments_option": {

package/ecomplus-stores/iluminim/functions/ssr/package.json

@@ -17,14 +17,14 @@
   },
   "main": "index.js",
   "dependencies": {
-    "@cloudcommerce/api": "^0.23.2",
-    "@cloudcommerce/firebase": "^0.23.2",
-    "@cloudcommerce/ssr": "^0.23.2"
+    "@cloudcommerce/api": "^0.24.0",
+    "@cloudcommerce/firebase": "^0.24.0",
+    "@cloudcommerce/ssr": "^0.24.0"
   },
   "devDependencies": {
-    "@cloudcommerce/i18n": "^0.23.2",
-    "@cloudcommerce/storefront": "^0.23.2",
-    "@cloudcommerce/types": "^0.23.2",
+    "@cloudcommerce/i18n": "^0.24.0",
+    "@cloudcommerce/storefront": "^0.24.0",
+    "@cloudcommerce/types": "^0.24.0",
     "@fontsource-variable/heebo": "^5.0.5",
     "@iconify-json/carbon": "^1.1.18"
   }

package/ecomplus-stores/iluminim/functions/ssr/public/robots.txt

@@ -1,8 +1,6 @@
 User-agent: *
 Allow: /
 Disallow: /app/
-Disallow: /search$
-Disallow: /search?
-Disallow: /search.html$
-Disallow: /search.html?
 Disallow: /admin/
+Disallow: /api/
+Disallow: /~*

package/ecomplus-stores/iluminim/functions/ssr/src/components/AccountMenu.vue

@@ -46,7 +46,7 @@
           <MenuItem
             as="li"
             v-slot="{ active }"
-            v-for="({ title, href }, i) in serviceLinks"
+            v-for="({ title, href }, i) in $settings.service_links"
             :key="`s-${i}`"
           >
             <ALink
@@ -92,13 +92,4 @@ import {
 } from '@@sf/state/customer-session';
 import AccountLink from '@@sf/components/AccountLink.vue';
 import SocialNetworkLink from '@@sf/components/SocialNetworkLink.vue';
-
-export interface Props {
-  serviceLinks?: Array<{
-    title: string;
-    href: string;
-  }>;
-}
-
-defineProps<Props>();
 </script>

package/ecomplus-stores/iluminim/functions/ssr/src/components/Banner.vue

@@ -3,14 +3,13 @@
     class="mx-auto overflow-x-hidden"
     :class="hasHeader ? 'grid grid-cols-1 md:grid-cols-2 items-center' : null"
   >
-    <component
-      :is="href ? 'a-link' : 'span'"
+    <ALink
       :href="href"
       class="[&_img]:rounded-lg"
       :class="hasHeader ? 'basis-1/2 grow-0 md:order-last' : '[&_img]:w-full'"
     >
       <slot name="picture" />
-    </component>
+    </ALink>
     <div
       v-if="hasHeader"
       class="basis-1/2 grow-0 p-12 xl:ps-32 mb-3 md:mb-0"
@@ -25,14 +24,13 @@
       <p v-if="parsedSubtitle" class="text-lg mt-4 md:mt-6">
         {{ parsedSubtitle }}
       </p>
-      <component
+      <ALink
         v-if="parsedButtonText"
-        :is="buttonLink ? 'a-link' : 'span'"
         :href="buttonLink"
         class="ui-btn-lg ui-btn-contrast min-w-[150px] mt-7 md:mt-10"
       >
         {{ parsedButtonText }}
-      </component>
+      </ALink>
     </div>
   </div>
 </template>

package/ecomplus-stores/iluminim/functions/ssr/src/components/PitchBar.vue

@@ -7,8 +7,7 @@
           :key="i"
           class="shrink-0 basis-full h-full text-center"
         >
-          <component
-            :is="slide.href ? 'ALink' : 'span'"
+          <ALink
             :href="slide.href"
             :target="slide.target"
             class="inline-block px-8"
@@ -23,7 +22,7 @@
               [&_strong]:text-transparent [&_strong]:bg-clip-text [&_strong]:bg-gradient-to-r
               [&_strong]:from-yellow-200 [&_strong]:to-yellow-400"
             ></span>
-          </component>
+          </ALink>
         </li>
         <template #controls>
           <div

package/ecomplus-stores/iluminim/functions/ssr/src/components/ProductCard.vue

@@ -4,8 +4,7 @@
     :data-sku="product.sku"
     class="relative h-full max-w-[350px] mx-auto py-3 group"
   >
-    <component
-      :is="link ? 'ALink' : 'span'"
+    <ALink
       :href="link"
       class="flex flex-col h-full rounded overflow-hidden
       group-hover:shadow group-hover:ring-1 ring-black/5"
@@ -14,7 +13,7 @@
         motion-safe:group-hover:scale-110 transition-transform">
         <div class="relative w-full h-full bg-white rounded overflow-hidden
           group-hover:rounded-none">
-          <template v-if="images?.length">
+          <span v-if="images?.length" class="text-xs text-opacity-70">
             <AImg
               :picture="images[0]"
               :alt="title"
@@ -28,7 +27,7 @@
               opacity-0 group-hover:opacity-100 transition-opacity
               motion-safe:duration-300 text-transparent z-10"
             />
-          </template>
+          </span>
           <div
             v-else
             class="w-full h-full bg-gradient-to-br from-base-50/20 to-base-100"
@@ -78,7 +77,7 @@
           {{ $t.i19addToCart }}
         </button>
       </div>
-    </component>
+    </ALink>
   </article>
 </template>
 

package/ecomplus-stores/iluminim/functions/ssr/src/components/ProductShelf.vue

@@ -2,12 +2,9 @@
   <section class="ui-section">
     <div v-if="title" class="max-w-prose mx-auto text-center mb-2">
       <h2 class="ui-text-brand text-3xl">
-        <ALink v-if="titleLink" :href="titleLink" class="ui-link">
+        <ALink :href="titleLink" :class="titleLink ? 'ui-link' : 'text-base-700'">
           {{ title }}
         </ALink>
-        <span v-else class="text-base-700">
-          {{ title }}
-        </span>
       </h2>
     </div>
     <Carousel class="group/shelf">