chore: fix turbosnap setting

vuejs-jp · Apr 21, 2024 · 6fa5124 · 6fa5124
1 parent 596e8a1
commit 6fa5124
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 29 deletions.
diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml
@@ -1,12 +1,6 @@
 name: Chromatic CI
 
-on:
-  # push:
-  #   branches:
-  #     - main
-  pull_request:
-    branches:
-      - main
+on: push
 
 jobs:
   chromatic:
@@ -25,24 +19,17 @@ jobs:
 
       - id: diff
         run: echo "::set-output name=changed::$(git diff --name-only origin/${{ github.base_ref }} HEAD --relative ./packages/ui/ | wc -l)"
-    
+
       - name: Install packages
         uses: ./.github/actions/install-packages
-        if: ${{ steps.diff.outputs.changed != '0' }}
-
-      # - name: Chromatic
-      #   uses: chromaui/action@latest
-      #   if: ${{ steps.diff.outputs.changed != '0' }}
-      #   with:
-      #     projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
-      #     workingDir: packages/ui
-      #     exitZeroOnChanges: true
-      #     onlyChanged: true
-      #   env:
-      #     LOG_LEVEL: 'debug'
-
-      - name: Chromatic
-        if: ${{ steps.diff.outputs.changed != '0' }}
-        run: |
-          bun build-storybook
-          bunx chromatic -d ./packages/ui/storybook-static --storybook-base-dir ./packages/ui --project-token ${{ secrets.CHROMATIC_PROJECT_TOKEN }} --exit-zero-on-changes --only-changed
+      - name: Run Chromatic
+        uses: chromaui/action@v1
+        with:
+          projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+          workingDir: packages/ui
+          exitZeroOnChanges: true
+          onlyChanged: true
+          diagnostics: true
+          storybookBaseDir: ./packages/ui
+        env:
+          LOG_LEVEL: 'debug'
diff --git a/packages/ui/.storybook/main.js b/packages/ui/.storybook/main.js
@@ -25,7 +25,7 @@ module.exports = {
     return mergeConfig(config, {
       plugins:
         configType === 'PRODUCTION'
-          ? [turbosnap({ rootDir: config.root }), svgLoader({ defaultImport: 'component' })]
+          ? [turbosnap({ rootDir: process.cwd() }), svgLoader({ defaultImport: 'component' })]
           : [svgLoader({ defaultImport: 'component' })],
       resolve: {
         alias: {

diff --git a/packages/ui/components/forms/TextAreaField.stories.ts b/packages/ui/components/forms/TextAreaField.stories.ts
@@ -59,9 +59,8 @@ export const vModel: Story = {
       return { args,detail }
     },
     template: `<div style="width: 400px;">
-      <p>親コンポーネント側のv-model値: {{ detail }}</p>
+      <p>v-model value: {{ detail }}</p>
       <TextAreaField v-model:inputted-text="detail" :="args" />
     </div>`,
   })
-
 }