improve port display and switch from histoire to storybook

gwenaelp · Dec 23, 2024 · 3075fcb · 3075fcb
1 parent 53f660a
commit 3075fcb
Show file tree

Hide file tree

Showing 59 changed files with 17,957 additions and 5,901 deletions.
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -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,

diff --git a/.gitignore b/.gitignore
@@ -78,3 +78,5 @@ dist
 .cache
 .output
 .DS_Store
+
+*storybook.log
diff --git a/.storybook/main.ts b/.storybook/main.ts
@@ -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;
diff --git a/.storybook/preview.ts b/.storybook/preview.ts
@@ -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;
diff --git a/index.html b/index.html
@@ -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>
-Original file line number
+Diff line change
@@ Expand Up / @@ -78,3 +78,5 @@ dist @@
     .cache
     .output
     .DS_Store
+    *storybook.log