spoko-design-system 1.21.0 → 1.22.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.22.0](https://github.com/polo-blue/sds/compare/v1.21.1...v1.22.0) (2025-12-15)
+
+### Features
+
+* **category:** add withMicrodata prop to control Schema.org rendering ([95c96cd](https://github.com/polo-blue/sds/commit/95c96cd71ec15a233432abec2d0c0f109ccd8f5d))
+
+## [1.21.1](https://github.com/polo-blue/sds/compare/v1.21.0...v1.21.1) (2025-12-15)
+
+### Bug Fixes
+
+* **category:** correct SiteNavigationElement microdata structure to expose URLs ([e73b18b](https://github.com/polo-blue/sds/commit/e73b18ba01e870234e3103b6658ff6893d831877))
+
 ## [1.21.0](https://github.com/polo-blue/sds/compare/v1.20.1...v1.21.0) (2025-12-15)
 
 ### Features

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spoko-design-system",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "type": "module",
   "private": false,
   "main": "./index.ts",

package/src/components/Category/CategoriesCarousel.astro

@@ -1,5 +1,5 @@
 ---
-const { activeCategorySlug, class: className } = Astro.props;
+const { activeCategorySlug, class: className, withMicrodata = true } = Astro.props;
 
 import { getTranslatedLink } from '@utils/text/getTranslatedLink';
 import { getMainCategoryList } from '@utils/category/getMainCategoryList';
@@ -10,6 +10,22 @@ const imgDomain = 'https://api.polo.blue/img/';
 
 const activeIndex =
   activeCategorySlug && categories ? categories.map(a => a.slug).findIndex(e => e === activeCategorySlug) : 0;
+
+// Microdata attributes - only added when withMicrodata is true
+const containerMicrodata = withMicrodata
+  ? {
+      itemscope: true,
+      itemtype: 'https://schema.org/SiteNavigationElement',
+    }
+  : {};
+
+const slideMicrodata = withMicrodata
+  ? {
+      itemprop: 'hasPart',
+      itemscope: true,
+      itemtype: 'https://schema.org/SiteNavigationElement',
+    }
+  : {};
 ---
 
 <!-- <div class={`cat-menu ${className ? className : ''}`} 
@@ -21,8 +37,7 @@ const activeIndex =
 <swiper-container
   class={`categories-carousel flex pb-1 sm:pb-0 bg-white cat-menu ${className ? className : ''}`}
   data-pagefind-ignore
-  itemscope
-  itemtype="https://schema.org/SiteNavigationElement"
+  {...containerMicrodata}
   transition:persist={`catcarousel${activeIndex}`}
   transition:animate="none"
   data-active={activeIndex}
@@ -39,13 +54,15 @@ const activeIndex =
   {
     categories.map(category => (
       <swiper-slide
-        itemprop="hasPart"
-        itemscope
-        itemtype="https://schema.org/WebPage"
+        {...slideMicrodata}
         role="presentation"
         class={`swiper-slide cats-slide group ${category.slug === activeCategorySlug ? 'active' : ''}`}
       >
-        <a itemprop="url" href={getTranslatedLink(`/${category.slug}/`)} class="carousel-item">
+        <a
+          {...(withMicrodata ? { itemprop: 'url' } : {})}
+          href={getTranslatedLink(`/${category.slug}/`)}
+          class="carousel-item"
+        >
           <Image
             src={`${imgDomain}${category.photo}`}
             alt={category.name}
@@ -58,7 +75,7 @@ const activeIndex =
           />
           <div class="swiper-lazy-preloader" />
 
-          <div class="cat-name" itemprop="name">
+          <div class="cat-name" {...(withMicrodata ? { itemprop: 'name' } : {})}>
             {category.name}
           </div>
         </a>