spoko-design-system 1.9.2 → 1.10.0

package/.husky/commit-msg

@@ -0,0 +1 @@
+pnpm exec commitlint --edit $1

package/.husky/pre-commit

@@ -1,5 +1,17 @@
 echo "🔍 Running pre-commit checks..."
 
+# Check for merge conflict markers
+if ! git diff --cached --check; then
+  echo "❌ Found merge conflict markers!"
+  exit 1
+fi
+
+# Check for console.log (optional warning)
+if git diff --cached --name-only | xargs grep -n "console\\.log" 2>/dev/null; then
+  echo "⚠️  Warning: Found console.log statements"
+  echo "   Consider removing them before committing to production"
+fi
+
 # Run format check
 echo "🎨 Checking code formatting..."
 pnpm run format:check

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [1.10.0](https://github.com/polo-blue/sds/compare/v1.9.3...v1.10.0) (2025-10-30)
+
+### Features
+
+* add commitlint and common issue checks to pre-commit ([20a2378](https://github.com/polo-blue/sds/commit/20a237883bd45dac8d80682ac003c54d06177037))
+
+## [1.9.3](https://github.com/polo-blue/sds/compare/v1.9.2...v1.9.3) (2025-10-30)
+
+### Bug Fixes
+
+* auto-fix lint warnings and update eslint config ([dbead26](https://github.com/polo-blue/sds/commit/dbead26efdaaee60a9fc5764885ea4f4039040cc))
+
 ## [1.9.2](https://github.com/polo-blue/sds/compare/v1.9.1...v1.9.2) (2025-10-30)
 
 ### Bug Fixes

package/commitlint.config.js

@@ -0,0 +1,3 @@
+export default {
+  extends: ['@commitlint/config-conventional'],
+};

package/eslint.config.js

@@ -51,6 +51,7 @@ export default [
     rules: {
       'vue/multi-word-component-names': 'off',
       'vue/no-unused-vars': 'warn',
+      'vue/no-required-prop-with-default': 'off', // Props with defaults can still be required in Vue 3
     },
   },
 

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "spoko-design-system",
-  "version": "1.9.2",
+  "version": "1.10.0",
+  "type": "module",
   "private": false,
   "main": "./index.ts",
   "module": "./index.ts",
@@ -114,6 +115,8 @@
     "vue": "^3.5.22"
   },
   "devDependencies": {
+    "@commitlint/cli": "^20.1.0",
+    "@commitlint/config-conventional": "^20.0.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@types/gtag.js": "^0.0.20",

package/src/components/ProductCodes.vue

@@ -58,7 +58,7 @@ const getVariantCategory = (code: string, fallback?: string): string | undefined
 <template>
   <span v-for="(prcode, index) in prcodes" :key="prcode?.id || index" class="not-last:mr-1">
     <template v-if="prcode?.code">
-      <PrCode v-if="!prcode.code.includes('+')" :prcode="prcode" :isPdp="isPdp" />
+      <PrCode v-if="!prcode.code.includes('+')" :prcode="prcode" :is-pdp="isPdp" />
       <span v-else class="inline-flex items-center gap-1">
         <template v-for="(code, idx) in prcode.code.split('+')" :key="idx">
           <span v-if="idx > 0" class="text-sm opacity-75">+</span>
@@ -69,7 +69,7 @@ const getVariantCategory = (code: string, fallback?: string): string | undefined
               description: null,
               variant_category: getVariantCategory(code.trim(), prcode.variant_category),
             }"
-            :isPdp="isPdp"
+            :is-pdp="isPdp"
           />
         </template>
       </span>

package/src/components/SlimBanner.vue

@@ -129,7 +129,7 @@ const closePermanently = () => {
 
       <span class="leading-none inline-flex">
         <slot>
-          <span :data-text="props.message"></span>
+          <span :data-text="props.message" />
           <a
             v-if="props.linkUrl"
             :href="props.linkUrl"
@@ -138,8 +138,8 @@ const closePermanently = () => {
             :title="props.linkTitle || props.linkText"
             class="underline underline-offset-2 hover:text-blue-wrc ml-1.5"
             :data-text="props.linkText"
-          ></a>
-          <span v-if="props.linkUrl" data-text="."></span>
+          />
+          <span v-if="props.linkUrl" data-text="." />
         </slot>
       </span>