feat: enable vite for bundling Storybook (#1473)

closes #1429

.npmrc

@@ -12,3 +12,4 @@ update-notifier=false
 yes=true
 prefer-dedupe=true
 fund=false
+legacy-peer-deps=true

.storybook/main.js

@@ -1,15 +1,11 @@
-
 module.exports = {
-  "stories": [
-    "../stories/**/*.stories.js"
-  ],
-  "addons": [
+  core: { builder: "@storybook/builder-vite" },
+  stories: ["../stories/**/*.stories.jsx"],
+  addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
     "@storybook/addon-storysource",
     "storybook-dark-mode",
   ],
-  "staticDirs": [
-    '../.storybook'
-  ]
-}
+  staticDirs: ["../.storybook"],
+};

package.json

@@ -69,6 +69,7 @@
     "@storybook/addon-links": "^6.4.22",
     "@storybook/addon-storysource": "^6.4.22",
     "@storybook/api": "^6.4.22",
+    "@storybook/builder-vite": "^0.2.5",
     "@storybook/react": "^6.4.22",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.4",
@@ -100,7 +101,7 @@
     "rollup-plugin-visualizer": "^5.6.0",
     "storybook-dark-mode": "^1.1.0",
     "svgo": "^2.8.0",
-    "vite": "^2.9.9",
+    "vite": "^3.2.3",
     "vite-plugin-html": "^3.2.0",
     "vite-plugin-inspect": "^0.5.0",
     "vite-plugin-pwa": "^0.12.0",