build(deps): add storybook

2 files changed, 43 insertions, 0 deletions

diff --git a/.storybook/main.js b/.storybook/main.js
new file mode 100644
index 0000000..6cc777d
--- /dev/null
+++ b/.storybook/main.js
@@ -0,0 +1,32 @@
+const path = require('path');
+
+const storybookConfig = {
+  stories: ['../src/**/*.stories.@(md|mdx|js|jsx|ts|tsx)'],
+  addons: [
+    '@storybook/addon-links',
+    '@storybook/addon-essentials',
+    '@storybook/addon-interactions',
+    'storybook-addon-next',
+  ],
+  framework: '@storybook/react',
+  core: {
+    builder: 'webpack5',
+  },
+  webpackFinal: async (config) => {
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      '@i18n': path.resolve(__dirname, '../src/i18n'),
+      '@assets': path.resolve(__dirname, '../src/assets'),
+      '@components': path.resolve(__dirname, '../src/components'),
+      '@content': path.resolve(__dirname, '../src/content'),
+      '@pages': path.resolve(__dirname, '../src/pages'),
+      '@services': path.resolve(__dirname, '../src/services'),
+      '@styles': path.resolve(__dirname, '../src/styles'),
+      '@utils': path.resolve(__dirname, '../src/utils'),
+    };
+
+    return config;
+  },
+};
+
+module.exports = storybookConfig;
diff --git a/.storybook/preview.js b/.storybook/preview.js
new file mode 100644
index 0000000..4bec022
--- /dev/null
+++ b/.storybook/preview.js
@@ -0,0 +1,11 @@
+import '@styles/globals.scss';
+
+export const parameters = {
+  actions: { argTypesRegex: '^on[A-Z].*' },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+};