spoko-design-system 1.1.7 → 1.1.9

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,15 @@
1
+ ## [1.1.9](https://github.com/polo-blue/sds/compare/v1.1.8...v1.1.9) (2025-09-23)
2
+
3
+ ### Bug Fixes
4
+
5
+ * resolve critical ESLint errors in Vue components ([b95d043](https://github.com/polo-blue/sds/commit/b95d04384c9c676c2caeab1118c5ac7934498340))
6
+
7
+ ## [1.1.8](https://github.com/polo-blue/sds/compare/v1.1.7...v1.1.8) (2025-09-23)
8
+
9
+ ### Bug Fixes
10
+
11
+ * update ESLint configuration to properly parse Vue files ([0eb941a](https://github.com/polo-blue/sds/commit/0eb941a37002c80753f1324c30873888cfe62f70))
12
+
1
13
  ## [1.1.7](https://github.com/polo-blue/sds/compare/v1.1.6...v1.1.7) (2025-09-23)
2
14
 
3
15
  ### Bug Fixes
package/eslint.config.js CHANGED
@@ -28,21 +28,17 @@ export default [
28
28
  },
29
29
 
30
30
  // Vue files
31
+ ...vue.configs['flat/recommended'],
31
32
  {
32
33
  files: ['**/*.vue'],
33
34
  languageOptions: {
34
- parser: vue.parser,
35
35
  parserOptions: {
36
36
  parser: typescriptParser,
37
37
  ecmaVersion: 'latest',
38
38
  sourceType: 'module',
39
39
  },
40
40
  },
41
- plugins: {
42
- vue,
43
- },
44
41
  rules: {
45
- ...vue.configs.recommended.rules,
46
42
  'vue/multi-word-component-names': 'off',
47
43
  'vue/no-unused-vars': 'warn',
48
44
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "spoko-design-system",
3
- "version": "1.1.7",
3
+ "version": "1.1.9",
4
4
  "private": false,
5
5
  "main": "./index.ts",
6
6
  "module": "./index.ts",
@@ -1,5 +1,6 @@
1
1
  <script lang="ts" setup>
2
2
  import { useClipboard } from '@vueuse/core';
3
+ import type { PropType } from 'vue';
3
4
  // import { Icon } from "@iconify/vue";
4
5
 
5
6
  const props = defineProps({
@@ -16,14 +17,14 @@ const props = defineProps({
16
17
  texts: {
17
18
  type: Object as PropType<{ copy: String; copied: String }>,
18
19
  required: true,
19
- default: {
20
+ default: () => ({
20
21
  copy: 'copy',
21
22
  copied: 'copied',
22
- },
23
+ }),
23
24
  },
24
25
  });
25
26
  const source = props.productNumber;
26
- const { copy, copied, isSupported } = useClipboard({ source, legacy: true });
27
+ const { copy, copied } = useClipboard({ source, legacy: true });
27
28
  </script>
28
29
 
29
30
  <template>
@@ -85,14 +85,14 @@ const labelClass = computed(() => {
85
85
  });
86
86
 
87
87
  // Event handlers
88
- const handleInput = (event: Event) => {
89
- const target = event.target as HTMLInputElement | HTMLTextAreaElement;
88
+ const handleInput = (event: globalThis.Event) => {
89
+ const target = event.target as globalThis.HTMLInputElement | globalThis.HTMLTextAreaElement;
90
90
  emit('update:modelValue', target.value);
91
91
  emit('input', event);
92
92
  };
93
93
 
94
- const handleFocus = (event: FocusEvent) => emit('focus', event);
95
- const handleBlur = (event: FocusEvent) => emit('blur', event);
94
+ const handleFocus = (event: globalThis.FocusEvent) => emit('focus', event);
95
+ const handleBlur = (event: globalThis.FocusEvent) => emit('blur', event);
96
96
  </script>
97
97
 
98
98
  <template>
@@ -3,7 +3,6 @@
3
3
  VAG group (VW/Audi/Skoda/Seat/Porsche/Bentley/Lamborghini/Ducati/Cupra/Scania/MAN) manufacturer PR-Code
4
4
  */
5
5
 
6
- import type { PropType } from 'vue';
7
6
 
8
7
  const props = defineProps({
9
8
  prcode: {
@@ -12,7 +12,7 @@ const props = defineProps({
12
12
 
13
13
  <template>
14
14
  <div inline-flex flex-wrap max-w-max>
15
- <span v-for="(modelId, index) in modelIds" :key="index" class="product-model block">
15
+ <span v-for="(modelId, index) in props.modelIds" :key="index" class="product-model block">
16
16
  <ProductModel :id="modelId" />
17
17
  </span>
18
18
  </div>
@@ -16,7 +16,7 @@ const props = defineProps({
16
16
  </script>
17
17
 
18
18
  <template>
19
- <span v-for="position in positions" :key="position.sort" class="product-position">
19
+ <span v-for="position in props.positions" :key="position.sort" class="product-position">
20
20
  {{ position.name }}
21
21
  </span>
22
22
  </template>