Updated Storybook main file

Author: MiroMargineanu

.storybook/main.ts

@@ -4,16 +4,28 @@ const config = {
   stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
   addons: ['@storybook/addon-links', '@storybook/addon-docs'],
   framework: {
-    name: '@stencil/storybook-plugin',
+    name: '@storybook/web-components-vite',
     options: {},
   },
-  staticDirs: ['../dist/web-components'], // <-- important
-  webpackFinal: async config => {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      '@dist': path.resolve(__dirname, '../dist'),
-    };
-    return config;
+  managerHead: (head: string) => `
+    ${head}
+    <base href="./" />
+  `,
+  previewHead: (head: string) => `
+    ${head}
+    <base href="./" />
+    <script type="module">
+      import { defineCustomElements } from '../dist/web-components/index.js';
+      defineCustomElements();
+    </script>
+  `,
+  typescript: {
+    check: false,
+    reactDocgen: 'react-docgen-typescript',
+    reactDocgenTypescriptOptions: {
+      shouldExtractLiteralValuesFromEnum: true,
+      propFilter: (prop: any) => (prop.parent ? !/node_modules/.test(prop.parent.fileName) : true),
+    },
   },
 };