gwenaelp
diff --git a/‎.eslintrc.js
+1-7 b/‎.eslintrc.js
+1-7
diff --git a/‎.gitignore
+2 b/‎.gitignore
+2
diff --git a/‎.storybook/main.ts
+16 b/‎.storybook/main.ts
+16
diff --git a/‎.storybook/preview.ts
+14 b/‎.storybook/preview.ts
+14
diff --git a/‎index.html
+13 b/‎index.html
+13
@@ -8,13 +8,7 @@ module.exports = {
     sourceType: 'module'
   },
   plugins: ['html', 'vue'],
-  extends: [
-    'eslint:recommended',
-    'plugin:prettier/recommended',
-    'plugin:vue/recommended',
-    'plugin:import/errors',
-    'plugin:import/warnings'
-  ],
+  extends: ['eslint:recommended', 'plugin:prettier/recommended', 'plugin:vue/recommended', 'plugin:import/errors', 'plugin:import/warnings', 'plugin:storybook/recommended'],
   env: {
     browser: true,
     node: true,
 
@@ -78,3 +78,5 @@ dist
 .cache
 .output
 .DS_Store
+
+*storybook.log
@@ -0,0 +1,16 @@
+import type { StorybookConfig } from "@storybook/vue3-vite";
+
+const config: StorybookConfig = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-onboarding",
+    "@storybook/addon-essentials",
+    "@chromatic-com/storybook",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/vue3-vite",
+    options: {},
+  },
+};
+export default config;
@@ -0,0 +1,14 @@
+import type { Preview } from "@storybook/vue3";
+
+const preview: Preview = {
+  parameters: {
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/i,
+      },
+    },
+  },
+};
+
+export default preview;
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vue diagrams</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>