spoko-design-system 1.1.10 → 1.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## [1.1.11](https://github.com/polo-blue/sds/compare/v1.1.10...v1.1.11) (2025-09-23)
2
+
3
+ ### Bug Fixes
4
+
5
+ * resolve remaining ESLint errors ([f95095f](https://github.com/polo-blue/sds/commit/f95095feea0d8e72f41dea10660d942d3b6a02f7))
6
+
1
7
  ## [1.1.10](https://github.com/polo-blue/sds/compare/v1.1.9...v1.1.10) (2025-09-23)
2
8
 
3
9
  ### Bug Fixes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spoko-design-system",
3
- "version": "1.1.10",
3
+ "version": "1.1.11",
4
4
  "private": false,
5
5
  "main": "./index.ts",
6
6
  "module": "./index.ts",
@@ -26,10 +26,10 @@ const props = defineProps({
26
26
 
27
27
  <template>
28
28
  <span
29
- v-for="(color, index) in colors"
29
+ v-for="(color, index) in props.colors"
30
30
  :key="index"
31
31
  class="product-color"
32
- :data-pagefind-filter="filterName"
32
+ :data-pagefind-filter="props.filterName"
33
33
  >
34
34
  {{ color.name }}
35
35
  </span>
@@ -1,6 +1,6 @@
1
1
  <script lang="ts" setup>
2
2
  import type { PropType } from 'vue';
3
- import type { DetailList, DetailObject } from '../../types/index';
3
+ import type { DetailList } from '../../types/index';
4
4
  import ProductDetailName from './ProductDetailName.vue';
5
5
  import { getTranslation } from '../../utils/text';
6
6
  // import ProductColors from "@components/Product/ProductColors.vue"
@@ -29,12 +29,11 @@ const props = defineProps({
29
29
  </script>
30
30
 
31
31
  <template>
32
- <template
33
- v-for="(detail, index) in details"
34
- :key="index"
35
- class=""
36
- v-if="details && details.length"
37
- >
32
+ <div v-if="details && details.length">
33
+ <template
34
+ v-for="(detail, index) in details"
35
+ :key="index"
36
+ >
38
37
  <!-- PDP PAGE - PRODUCT ROW -->
39
38
  <!-- <pre>{{ JSON.stringify(details) }}</pre> -->
40
39
  <li
@@ -111,5 +110,6 @@ const props = defineProps({
111
110
  </ul>
112
111
  </div>
113
112
  </div>
114
- </template>
113
+ </template>
114
+ </div>
115
115
  </template>
@@ -15,12 +15,12 @@ const props = withDefaults(
15
15
  </script>
16
16
 
17
17
  <template>
18
- <ul v-if="engines.length" class="engine-types">
18
+ <ul v-if="props.engines.length" class="engine-types">
19
19
  <li
20
- v-for="(engine, index) in engines"
20
+ v-for="(engine, index) in props.engines"
21
21
  :key="engine.id"
22
22
  class="engine-type"
23
- :class="{ 'with-comma': index !== engines.length - 1 }"
23
+ :class="{ 'with-comma': index !== props.engines.length - 1 }"
24
24
  >
25
25
  {{ engine.name }}
26
26
  </li>
@@ -97,7 +97,7 @@ const getLinkIconClass = (linkId: string) => {
97
97
  const groupedItems = computed(() => {
98
98
  // ✅ Add validation to ensure props.items is an array
99
99
  if (!Array.isArray(props.items)) {
100
- console.warn('ProductDetailsList: items prop is not an array:', props.items);
100
+ globalThis.console.warn('ProductDetailsList: items prop is not an array:', props.items);
101
101
  return [];
102
102
  }
103
103