Update app dependencies

.github/workflows/chromatic.yml

@@ -21,7 +21,7 @@ jobs:
         run: npm ci
 
       - name: Publish to Chromatic
-        uses: chromaui/action@v1
+        uses: chromaui/action@v10
         with:
           workingDir: app
           projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}

app/.gitignore

@@ -13,6 +13,7 @@ dist
 dist-ssr
 coverage
 *.local
+storybook-static
 
 /cypress/videos/
 /cypress/screenshots/
@@ -26,3 +27,5 @@ coverage
 *.njsproj
 *.sln
 *.sw?
+
+*.tsbuildinfo

app/.storybook/main.js

@@ -6,18 +6,22 @@ module.exports = {
     "../src/**/*.stories.mdx",
     "../src/**/*.stories.@(js|jsx|ts|tsx)"
   ],
+
   "addons": [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
-    "@storybook/addon-interactions"
+    "@storybook/addon-interactions",
   ],
-  "framework": "@storybook/vue3",
-  "core": {
-    "builder": "@storybook/builder-vite"
+
+  "framework": {
+    name: "@storybook/vue3-vite",
+    options: {}
   },
+
   "features": {
     "storyStoreV7": true
   },
+
   async viteFinal(config) {
     return mergeConfig(config, {
       // Reuse aliases
@@ -32,4 +36,8 @@ module.exports = {
       },
     });
   },
+
+  docs: {
+    autodocs: true
+  }
 }

app/.vscode/extensions.json

@@ -1,3 +1,8 @@
 {
-  "recommendations": ["johnsoncodehk.volar", "johnsoncodehk.vscode-typescript-vue-plugin"]
+  "recommendations": [
+    "Vue.volar",
+    "Vue.vscode-typescript-vue-plugin",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
 }