@vueless/storybook 0.0.34 → 0.0.35

package/.storybook/configs/main.config.js

@@ -1,4 +1,4 @@
-import vuelessDocsTheme from "../themes/vueless.docs.theme";
+import vuelessDocsTheme from "../themes/vueless.docs.theme.js";
 import colors from "tailwindcss/colors.js";
 
 export const docs = {

package/.storybook/decorators/vue3SourceDecorator.js

@@ -79,18 +79,21 @@ function templateSourceCode(templateSource, args, argTypes) {
     }
   }
 
-  const slotTemplateCode =
+  const slotTemplateCodeBefore =
     // eslint-disable-next-line vue/max-len
-    `<template v-for="(slot, index) of slots" :key="index" v-slot:[slot]><template v-if="args[slot + 'Slot']">{{ args[slot + 'Slot'] }}</template></template>`;
-  const templateDefaultRegEx = /<template #default>([\s\S]*?)<\/template>/g;
+    `<template v-for="(slot, index) of slots" :key="index" v-slot:[slot]><template v-if="slot === 'default' && !args['defaultSlot']">`;
+
+  const slotTemplateCodeAfter =
+    // eslint-disable-next-line vue/max-len
+    `</template><template v-else-if="slot === 'default' && args['defaultSlot']">{{ args['defaultSlot'] }}</template><template v-else-if="args[slot + 'Slot']">{{ args[slot + 'Slot'] }}</template></template>`;
 
   return templateSource
     .replace(/>[\s]+</g, "><")
     .trim()
-    .replace(slotTemplateCode, "")
-    .replace(templateDefaultRegEx, "$1")
+    .replace(slotTemplateCodeBefore, "")
+    .replace(slotTemplateCodeAfter, "")
     .replace(
-      'v-model="args.modelValue"',
+      `v-model="args.${MODEL_VALUE_KEY}"`,
       args[MODEL_VALUE_KEY] ? `v-model="${args[MODEL_VALUE_KEY]}"` : "",
     )
     .replace(
@@ -109,6 +112,8 @@ function propToSource(key, val) {
       return val ? key : "";
     case "string":
       return `${key}="${val}"`;
+    case "object":
+      return `:${key}="${JSON.stringify(val)}"`;
     default:
       return `:${key}="${val}"`;
   }

package/.storybook/main.js

@@ -1,9 +1,9 @@
 /** @type { import('@storybook/vue3-vite').StorybookConfig } */
 export default {
   stories: [
-    "../node_modules/vueless/**/*.stories.@(js|jsx|ts|tsx)",
+    "../node_modules/vueless/**/*stories.@(js|jsx|ts|tsx)",
     "../node_modules/vueless/**/*.@(mdx)",
-    "../src/**/*.stories.@(js|jsx|ts|tsx)",
+    "../src/**/*stories.@(js|jsx|ts|tsx)",
     "../src/**/*.@(mdx)",
   ],
   addons: [

package/.storybook/manager.js

@@ -1,5 +1,5 @@
 import { addons } from "@storybook/manager-api";
-import vuelessTheme from "./themes/vueless.theme";
+import vuelessTheme from "./themes/vueless.theme.js";
 
 addons.setConfig({
   theme: vuelessTheme,

package/.storybook/preview.js

@@ -1,7 +1,7 @@
 import { setup } from "@storybook/vue3";
 
-import { backgrounds, docs, layout } from "./configs/main.config";
-import { vue3SourceDecorator } from "./decorators/vue3SourceDecorator";
+import { backgrounds, docs, layout } from "./configs/main.config.js";
+import { vue3SourceDecorator } from "./decorators/vue3SourceDecorator.js";
 
 // Vue plugins
 import { createVueless } from "vueless";

package/.storybook/themes/vueless.theme.js

@@ -9,7 +9,8 @@ export default create({
 
   brandTitle: "Vueless UI",
   brandUrl: "https://vueless.com",
-  brandImage: "https://raw.githubusercontent.com/vuelessjs/vueless-storybook/main/public/images/logo.png",
+  brandImage:
+    "https://raw.githubusercontent.com/vuelessjs/vueless-storybook/main/public/images/logo.png",
   brandTarget: "_blank",
 
   // Main colors

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vueless/storybook",
-  "version": "0.0.34",
+  "version": "0.0.35",
   "description": "Simplifies Storybook configuration for Vueless UI library.",
   "homepage": "https://vueless.com",
   "author": "Johnny Grid",