Add OMS WMS ERP platform

oms-wms-erp/.storybook/main.ts

@@ -0,0 +1,43 @@
+import type { StorybookConfig } from '@storybook/vue3-vite'
+
+const config: StorybookConfig = {
+  stories: [
+    '../src/components/primitives/**/*.stories.ts',
+    '../src/components/fields/typed/**/*.stories.ts',
+    '../src/components/fields/domain/**/*.stories.ts',
+    '../src/components/composites/**/*.stories.ts'
+  ],
+  addons: [
+    '@storybook/addon-essentials',
+    '@storybook/addon-a11y',
+    '@storybook/addon-viewport',
+    '@storybook/addon-interactions',
+    '@storybook/addon-controls',
+    '@storybook/addon-measure'
+  ],
+  framework: {
+    name: '@storybook/vue3-vite',
+    options: {}
+  },
+  docs: {
+    autodocs: true,
+    defaultName: 'Documentation'
+  },
+  typescript: {
+    check: true,
+    checkOptions: {
+      eslintConfig: {
+        overrides: [
+          {
+            files: '*.stories.ts',
+            rules: {
+              'react-hooks/rules-of-hooks': 'off'
+            }
+          }
+        ]
+      }
+    }
+  }
+}
+
+export default config

oms-wms-erp/.storybook/preview.ts

@@ -0,0 +1,61 @@
+import type { Preview } from '@storybook/vue3'
+import { withThemeByDataAttribute } from '@storybook/addon-themes'
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i
+      }
+    },
+    viewport: {
+      viewports: {
+        mobile: {
+          name: 'Mobile',
+          styles: {
+            width: '375px',
+            height: '667px'
+          }
+        },
+        tablet: {
+          name: 'Tablet',
+          styles: {
+            width: '768px',
+            height: '1024px'
+          }
+        },
+        desktop: {
+          name: 'Desktop',
+          styles: {
+            width: '1440px',
+            height: '900px'
+          }
+        }
+      }
+    },
+    a11y: {
+      config: {
+        rules: [
+          {
+            id: 'color-contrast',
+            enabled: true
+          }
+        ]
+      }
+    }
+  },
+  decorators: [
+    withThemeByDataAttribute({
+      themes: {
+        light: 'light',
+        dark: 'dark'
+      },
+      defaultTheme: 'light',
+      attributeName: 'data-theme'
+    })
+  ]
+}
+
+export default preview