feat(#358): add Chromatic (#359)

druxt · Jan 3, 2022 · 13f103d · 13f103d
1 parent d25c7cd
commit 13f103d
Show file tree

Hide file tree

Showing 5 changed files with 85 additions and 35 deletions.
diff --git a/.env b/.env
@@ -1,4 +1,5 @@
 BASE_URL=https://demo-api.druxtjs.org
+API_PROXY=1
 
 # OAuth settings - Uncomment and set value as per backend.
 #OAUTH_CLIENT_ID=

diff --git a/.gitignore b/.gitignore
@@ -73,6 +73,7 @@ dist
 
 # Nuxt storybook
 .nuxt-storybook
+storybook-static
 
 # vuepress build output
 .vuepress/dist

diff --git a/nuxt.config.js b/nuxt.config.js
@@ -128,7 +128,7 @@ export default {
       query: { requiredOnly: true },
     },
     proxy: {
-      api: true
+      api: process.env.API_PROXY === '1',
     },
     views: {
       query: { bundleFilter: true },

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -3,13 +3,15 @@
   "version": "0.9.0",
   "private": true,
   "scripts": {
-    "dev": "nuxt",
     "build": "nuxt build",
-    "start": "nuxt start",
+    "chromatic": "npx chromatic --build-script-name storybook:build",
+    "dev": "nuxt",
     "generate": "nuxt generate",
     "lint:js": "eslint --ext .js,.vue --ignore-path .gitignore .",
     "lint:style": "stylelint **/*.{vue,css} --ignore-path .gitignore",
     "lint": "npm run lint:js && npm run lint:style",
+    "start": "nuxt start",
+    "storybook:build": "API_PROXY=0 npx nuxt storybook build",
     "storybook": "npx nuxt storybook"
   },
   "lint-staged": {
@@ -47,6 +49,7 @@
     "@nuxtjs/storybook": "4.2.0",
     "@nuxtjs/stylelint-module": "4.0.0",
     "babel-eslint": "10.1.0",
+    "chromatic": "^6.3.3",
     "eslint": "8.0.1",
     "eslint-config-prettier": "8.3.0",
     "eslint-plugin-nuxt": "2.0.0",