chore: upgrade storybook to v7 in example (#29)

* chore: upgrade storybook to v7

* add react peer dependencies for docs addon

* node 14 support dropped, add 18 to tests

.github/workflows/ci.yml

@@ -35,7 +35,7 @@ jobs:
 
     strategy:
       matrix:
-        node: [14.x, 16.x]
+        node: [16.x, 18.x]
         os: [ubuntu-latest, windows-latest, macos-latest]
       fail-fast: false
 

examples/vite/.storybook/main.ts

@@ -1,27 +1,22 @@
 import Inspect from 'vite-plugin-inspect'
-
 export default {
-  stories: [
-    '../src/**/*.stories.mdx',
-    '../src/**/*.stories.@(js|jsx|ts|tsx|vue)',
-  ],
+  stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx|vue)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
     '../../../src/storybook.ts',
   ],
-  framework: '@storybook/vue3',
-  core: {
-    builder: '@storybook/builder-vite',
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {},
   },
   features: {
     storyStoreV7: false,
   },
   async viteFinal(config, { configType }) {
     // Inspect result can be found at subroute '/__inspect', e.g. http://127.0.0.1:6006/__inspect/
     config.plugins.unshift(Inspect())
-
     return config
   },
 }

examples/vite/package.json

@@ -7,27 +7,30 @@
     "preview": "vite preview --port 4173",
     "build-only": "vite build",
     "type-check": "vue-tsc --noEmit",
-    "storybook": "cross-env NODE_OPTIONS=--openssl-legacy-provider start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
     "vue": "^3.2.45"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-interactions": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/builder-vite": "^0.3.0",
-    "@storybook/jest": "^0.0.10",
-    "@storybook/testing-library": "0.0.13",
-    "@storybook/vue3": "^6.5.16",
+    "@storybook/addon-actions": "^7.0.0-beta.62",
+    "@storybook/addon-essentials": "^7.0.0-beta.62",
+    "@storybook/addon-interactions": "^7.0.0-beta.62",
+    "@storybook/addon-links": "^7.0.0-beta.62",
+    "@storybook/jest": "^0.0.11-next.0",
+    "@storybook/testing-library": "0.0.14-next.1",
+    "@storybook/vue3": "^7.0.0-beta.62",
+    "@storybook/vue3-vite": "7.0.0-beta.62",
     "@types/node": "^18.11.18",
     "@vitejs/plugin-vue": "^4.0.0",
     "@vue/tsconfig": "^0.1.3",
     "babel-loader": "^9.1.2",
     "npm-run-all": "^4.1.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "storybook": "7.0.0-beta.62",
     "typescript": "~4.9.5",
     "vite": "^4.0.4",
     "vue-loader": "^17.0.1",