Merge branch 'main' into Auto-Testing-Pipeline

Author: Rad14nt

client/.gitignore

@@ -25,3 +25,11 @@ pnpm-debug.log*
 /storybook-static/
 /playwright-report/
 /test-results/
+
+*storybook.log
+storybook-static
+
+# Playwright
+/blob-report/
+/playwright/.cache/
+/playwright/.auth/

client/.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: [
+        "@chromatic-com/storybook",
+        "@storybook/addon-docs",
+        "@storybook/addon-onboarding",
+        "@storybook/addon-a11y",
+    ],
+    framework: {
+        name: "@storybook/vue3-vite",
+        options: {},
+    },
+};
+export default config;

client/.storybook/preview.ts

@@ -0,0 +1,56 @@
+import type { Preview } from "@storybook/vue3";
+import { setup } from "@storybook/vue3";
+
+import { createPinia } from "pinia";
+import { createVuetify } from "vuetify";
+import "vuetify/styles";
+import { createRouter, createWebHistory } from "vue-router";
+import AlertMsg from "@/components/widgets/AlertMsg.vue";
+import { VApp, VMain } from "vuetify/components";
+import "@mdi/font/css/materialdesignicons.css";
+
+import i18n from "@/i18n";
+
+const router = createRouter({
+    history: createWebHistory(),
+    routes: [], // add demo routes if your components navigate
+});
+
+const vuetify = createVuetify();
+
+setup((app) => {
+    app.use(createPinia());
+    app.use(vuetify);
+    app.use(router);
+    app.use(i18n);
+
+    app.component("AlertMsg", AlertMsg);
+});
+
+const preview: Preview = {
+    parameters: {
+        controls: {
+            matchers: { color: /(background|color)$/i, date: /Date$/i },
+        },
+    },
+    decorators: [
+        (story, context) => {
+            const StoryComponent = story();
+            return {
+                components: { StoryComponent, VApp, VMain },
+                setup() {
+                    return { args: context.args };
+                },
+                template: `
+                    <v-app>
+                        <v-main>
+                            <StoryComponent v-bind="args" />
+                        </v-main>
+                    </v-app>
+                `,
+            };
+        },
+    ],
+};
+
+export default preview;

client/.storybook/tsconfig.json

@@ -0,0 +1,12 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {
+        "module": "esnext",
+        "moduleResolution": "bundler",
+        "types": ["vite/client", "node"],
+        "resolveJsonModule": true,
+        "skipLibCheck": true,
+        "jsx": "preserve"
+    },
+    "include": ["./**/*", "../src/**/*"]
+}