spoko-design-system 1.2.2 → 1.3.0

package/.github/workflows/claude.yml

@@ -0,0 +1,37 @@
+name: Claude Code
+
+on:
+  issue_comment:
+    types: [created]
+  pull_request_review_comment:
+    types: [created]
+  issues:
+    types: [opened, assigned]
+  pull_request_review:
+    types: [submitted]
+
+jobs:
+  claude:
+    if: |
+      (github.event_name == 'issue_comment' && contains(github.event.comment.body, '@claude')) ||
+      (github.event_name == 'pull_request_review_comment' && contains(github.event.comment.body, '@claude')) ||
+      (github.event_name == 'pull_request_review' && contains(github.event.review.body, '@claude')) ||
+      (github.event_name == 'issues' && (contains(github.event.issue.body, '@claude') || contains(github.event.issue.title, '@claude')))
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+      pull-requests: write
+      issues: write
+      id-token: write
+      actions: read
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 1
+
+      - name: Run Claude Code
+        id: claude
+        uses: anthropics/claude-code-action@v1
+        with:
+          anthropic_api_key: ${{ secrets.ANTHROPIC_API_KEY }}

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [1.3.0](https://github.com/polo-blue/sds/compare/v1.2.2...v1.3.0) (2025-10-05)
+
+### Features
+
+* add Claude Code GitHub Action workflow ([eba488f](https://github.com/polo-blue/sds/commit/eba488fe781ebb3e7676dc7e6dfd30cf3130798a))
+
 ## [1.2.2](https://github.com/polo-blue/sds/compare/v1.2.1...v1.2.2) (2025-10-05)
 
 ## [1.2.1](https://github.com/polo-blue/sds/compare/v1.2.0...v1.2.1) (2025-10-05)

package/package.json

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

package/src/components/Badge.vue

@@ -2,19 +2,22 @@
 const props = defineProps({
   badge: {
     type: String,
-    required: true,
+    required: false,
     default: '',
   },
   class: {
     type: String,
-    required: true,
+    required: false,
     default: 'bg-gray',
   },
 });
 </script>
 
 <template>
-  <div class="badge" :class="props.class">
+  <div
+    class="badge"
+    :class="props.class"
+  >
     {{ props.badge }}
   </div>
 </template>

package/src/components/Badges.vue

@@ -47,7 +47,10 @@ const getBadgeColor = (badge: string | BadgeObject): string => {
 </script>
 
 <template>
-  <div v-if="props.badges && props.badges.length > 0" class="absolute z-2">
+  <div
+    v-if="props.badges && props.badges.length > 0"
+    class="absolute z-2"
+  >
     <Badge
       v-for="(badge, index) in props.badges"
       :key="index"

package/src/components/Breadcrumbs.vue

@@ -39,9 +39,19 @@ const isLast = (index: number) => {
 <template>
   <nav>
     <ul class="breadcrumbs-base">
-      <li v-if="props.showBack" class="breadcrumb-item">
-        <button class="breadcrumb-back-btn" :title="props.textBack" onclick="history.back()">
-          <span class="block px-3" i-bx-bx-arrow-back />
+      <li
+        v-if="props.showBack"
+        class="breadcrumb-item"
+      >
+        <button
+          class="breadcrumb-back-btn"
+          :title="props.textBack"
+          onclick="history.back()"
+        >
+          <span
+            class="block px-3"
+            i-bx-bx-arrow-back
+          />
         </button>
       </li>
     </ul>
@@ -50,7 +60,10 @@ const isLast = (index: number) => {
       itemscope
       itemtype="https://schema.org/BreadcrumbList"
     >
-      <li v-if="props.showHome" class="breadcrumb-item">
+      <li
+        v-if="props.showHome"
+        class="breadcrumb-item"
+      >
         <a
           href="/"
           class="breadcrumb-link flex items-center px-3 sm:px-0 py-4.25 sm:py-1 hover:text-brand-secondary whitespace-nowrap translate-y-0 text-sm my-auto"
@@ -58,7 +71,10 @@ const isLast = (index: number) => {
           itemprop="item"
           i-carbon-home
         />
-        <meta itemprop="position" content="1" />
+        <meta
+          itemprop="position"
+          content="1"
+        />
       </li>
       <li
         v-for="(crumb, index) in breadcrumbs"