chore: migrate to vite 3

Author: stampaaaron

.storybook/main.js

@@ -1,43 +1,44 @@
 const react = require("@vitejs/plugin-react");
-
 module.exports = {
   stories: ["../stories/Start.stories.mdx", "../stories/**/*.stories.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"],
-  staticDirs: [{ from: '../docs', to: '/docs'}],
+  staticDirs: [{
+    from: '../docs',
+    to: '/docs'
+  }],
   addons: [{
     name: '@storybook/addon-docs',
     options: {
       configureJSX: true,
       transcludeMarkdown: true
     }
   }, "@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-storysource"],
-  core: {
-    "builder": "@storybook/builder-vite"
-  },
-
   async viteFinal(config, {
     configType
   }) {
     config.plugins = config.plugins.filter(plugin => !(Array.isArray(plugin) && plugin[0]?.name.includes("vite:react")));
-
     if (config.optimizeDeps) {
       config.optimizeDeps.include = [...(config.optimizeDeps.include || []), '@emotion/react/jsx-dev-runtime'];
     }
-
     config.plugins.push(react({
       exclude: [/\.stories\.(t|j)sx?$/, /node_modules/],
       jsxImportSource: "@emotion/react",
       babel: {
         plugins: ["@emotion/babel-plugin"]
       }
     }));
-
     if (configType === "PRODUCTION") {
-      return { ...config,
+      return {
+        ...config,
         base: './'
       };
     }
-
     return config;
+  },
+  framework: {
+    name: "@storybook/react-vite",
+    options: {}
+  },
+  docs: {
+    docsPage: "automatic"
   }
-
-};
+};