Merge branch 'main' into VL-168_New-dynamic-radius-sizes_Vitalii-Dudnik

.storybook/decorators/vue3SourceDecorator.js

@@ -5,6 +5,7 @@ export const vue3SourceDecorator = makeDecorator({
   name: "vue3SourceDecorator",
   wrapper: (storyFn, context) => {
     const story = storyFn(context);
+    const urlArgs = getArgsFromUrl();
     const [, updateArgs] = useArgs();
 
     // this returns a new component that computes the source code when mounted
@@ -14,6 +15,8 @@ export const vue3SourceDecorator = makeDecorator({
       components: { story },
       setup() {
         onMounted(async () => {
+          updateArgs({ ...context.args, ...urlArgs });
+
           await setSourceCode();
         });
 
@@ -133,3 +136,18 @@ function kebabCase(str) {
     })
     .join("");
 }
+
+function getArgsFromUrl() {
+  const params = new URLSearchParams(window.location.search);
+  const args = params.get("args");
+
+  if (!args) return {};
+
+  return args.split(";").reduce((acc, pair) => {
+    const [key, value] = pair.split(":");
+
+    acc[key] = decodeURIComponent(value);
+
+    return acc;
+  }, {});
+}

.storybook/main.js

@@ -1,6 +1,6 @@
 /** @type { import('@storybook/vue3-vite').StorybookConfig } */
 export default {
-  stories: ["../src/**/*stories.@(js|jsx|ts|tsx)", "../src/**/*.@(mdx)"],
+  stories: ["../src/**/*stories.@(js|jsx|ts|tsx)", "../src/**/docs.@(mdx)"],
   addons: [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
@@ -17,9 +17,6 @@ export default {
       },
     },
   },
-  docs: {
-    autodocs: true,
-  },
   env: (config) => ({
     ...config,
     BASE_URL: "/",

.storybook/preview.js

@@ -31,6 +31,9 @@ setup((app) => {
 /* Set storybook decorators */
 export const decorators = [vue3SourceDecorator, storyDarkModeDecorator()];
 
+/* Set storybook tags */
+export const tags = ["autodocs"];
+
 /* Set storybook parameters */
 export const parameters = {
   layout: "fullscreen",