feat: upgrade storybook to version 8

.storybook/main.js

@@ -11,7 +11,8 @@ module.exports = {
   addons: [
     getAbsolutePath("@storybook/addon-links"),
     getAbsolutePath("@storybook/addon-essentials"),
-    getAbsolutePath("@storybook/addon-mdx-gfm")
+    getAbsolutePath("@storybook/addon-mdx-gfm"),
+    "@chromatic-com/storybook"
   ],
 
   framework: {
@@ -32,12 +33,9 @@ module.exports = {
   //   });
   // },
   features: {
-    storyStoreV7: true,
   },
 
-  docs: {
-    autodocs: true
-  }
+  docs: {}
 };
 
 function getAbsolutePath(value) {

.storybook/preview.js

@@ -1,9 +1,9 @@
-import {createMemoryHistory, createRouter} from 'vue-router';
+import { createMemoryHistory, createRouter } from 'vue-router';
 import '../packages/tailwind-config/tailwind.css';
 import '../packages/themes/src/morpheme/main.scss';
 import '../packages/themes/src/morpheme/main.dark.scss';
 import { setup } from '@storybook/vue3'
-import {FloatingVuePlugin} from '../packages/tooltip/src/floating-vue'
+import { FloatingVuePlugin } from '../packages/tooltip/src/floating-vue'
 
 const router = createRouter({
   history: createMemoryHistory(),
@@ -16,7 +16,7 @@ setup((app) => {
 });
 
 export const parameters = {
-  actions: { argTypesRegex: '^on[A-Z].*' },
+  // actions: { argTypesRegex: '^on[A-Z].*' },
   controls: {
     matchers: {
       color: /(background|color)$/i,
@@ -30,4 +30,5 @@ export const parameters = {
       // locales: '',
     },
   },
-};
+};
+export const tags = ['autodocs'];

package.json

@@ -32,19 +32,20 @@
     "yup": "^1.2.0"
   },
   "devDependencies": {
+    "@chromatic-com/storybook": "^1",
     "@commitlint/cli": "^17.0.3",
     "@commitlint/config-conventional": "^17.0.3",
     "@headlessui-float/vue": "^0.11.2",
     "@iconify-json/heroicons-solid": "^1.1.1",
     "@stackblitz/sdk": "^1.9.0",
-    "@storybook/addon-actions": "^7.4.6",
-    "@storybook/addon-docs": "^7.4.6",
-    "@storybook/addon-essentials": "^7.4.6",
-    "@storybook/addon-links": "^7.4.6",
-    "@storybook/addon-mdx-gfm": "^7.4.6",
-    "@storybook/addons": "^7.4.6",
-    "@storybook/vue3": "^7.4.6",
-    "@storybook/vue3-vite": "^7.4.6",
+    "@storybook/addon-actions": "^8.1.1",
+    "@storybook/addon-docs": "^8.1.1",
+    "@storybook/addon-essentials": "^8.1.1",
+    "@storybook/addon-links": "^8.1.1",
+    "@storybook/addon-mdx-gfm": "^8.1.1",
+    "@storybook/addons": "^7.6.17",
+    "@storybook/vue3": "^8.1.1",
+    "@storybook/vue3-vite": "^8.1.1",
     "@tailwindcss/aspect-ratio": "^0.4.0",
     "@tailwindcss/forms": "^0.5.0",
     "@tailwindcss/line-clamp": "^0.3.1",
@@ -59,7 +60,7 @@
     "autoprefixer": "^10.4.4",
     "conventional-changelog-cli": "^2.2.2",
     "eslint": ">=5.16.0",
-    "eslint-plugin-storybook": "^0.6.15",
+    "eslint-plugin-storybook": "^0.8.0",
     "eslint-plugin-vue": "^9.14.1",
     "happy-dom": "^9.19.2",
     "husky": "^8.0.1",
@@ -72,8 +73,8 @@
     "react-dom": "^18.2.0",
     "sass": "^1.57.1",
     "standard-version": "^9.3.2",
-    "storybook": "^7.4.6",
-    "storybook-vue3-router": "^4.0.1",
+    "storybook": "^8.1.1",
+    "storybook-vue3-router": "^5.0.0",
     "tailwindcss": "^3.3.1",
     "typescript": "^5.0.0",
     "vite": "^4.3.8",