vueless 0.0.243 → 0.0.244

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "0.0.243",
+  "version": "0.0.244",
   "license": "MIT",
   "description": "Vue Styleless Component Framework.",
   "homepage": "https://vueless.com",

package/ui.navigation-pagination/index.stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
 
 import UPagination from "../ui.navigation-pagination";
 
@@ -21,10 +21,14 @@ export default {
 const DefaultTemplate = (args) => ({
   components: { UPagination },
   setup() {
-    return { args };
+    const slots = getSlotNames(UPagination.name);
+
+    return { args, slots };
   },
   template: `
-    <UPagination v-bind="args" v-model="args.value" />
+    <UPagination v-bind="args" v-model="args.modelValue">
+      ${args.slotTemplate || getSlotsFragment()}
+    </UPagination>
   `,
 });
 

package/ui.navigation-progress/index.stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes, allSlotsFragment, getSlotNames } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
 
 import UProgress from "./index.vue";
 import UCol from "../ui.container-col";
@@ -33,7 +33,7 @@ const DefaultTemplate = (args) => ({
   },
   template: `
     <UCol align="start">
-      <UProgress v-bind="args">${args.slotTemplate || allSlotsFragment}</UProgress>
+      <UProgress v-bind="args">${args.slotTemplate || getSlotsFragment()}</UProgress>
       <UButton label="Next →" size="sm" variant="thirdary" filled @click="updateProgress" />
     </UCol>
   `,

package/ui.navigation-tab/index.stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
 
 import UTab from "../ui.navigation-tab";
 import UIcon from "../ui.image-icon";
@@ -19,23 +19,15 @@ export default {
 };
 
 const DefaultTemplate = (args) => ({
-  components: { UTab },
-  setup() {
-    return { args };
-  },
-  template: `
-    <UTab v-bind="args" />
-  `,
-});
-
-const SlotTemplate = (args) => ({
   components: { UTab, UIcon },
   setup() {
-    return { args };
+    const slots = getSlotNames(UTab.name);
+
+    return { args, slots };
   },
   template: `
     <UTab v-bind="args">
-      ${args.slotTemplate}
+      ${args.slotTemplate || getSlotsFragment()}
     </UTab>
   `,
 });
@@ -46,7 +38,7 @@ defaultTemplate.args = {};
 export const disabled = DefaultTemplate.bind({});
 disabled.args = { disabled: true };
 
-export const slotDefault = SlotTemplate.bind({});
+export const slotDefault = DefaultTemplate.bind({});
 slotDefault.args = {
   label: "Tag",
   slotTemplate: `

package/ui.navigation-tabs/index.stories.js

@@ -1,4 +1,4 @@
-import { getArgTypes } from "../service.storybook";
+import { getArgTypes, getSlotNames, getSlotsFragment } from "../service.storybook";
 
 import UTabs from "../ui.navigation-tabs";
 
@@ -25,28 +25,32 @@ export default {
 const DefaultTemplate = (args) => ({
   components: { UTabs },
   setup() {
-    return { args };
+    const slots = getSlotNames(UTabs.name);
+
+    return { args, slots };
   },
   template: `
-    <UTabs v-model="args.modelValue" v-bind="args"/>
+    <UTabs v-model="args.modelValue" v-bind="args">
+      ${args.slotTemplate || getSlotsFragment()}
+    </UTabs>
   `,
 });
 
-const SizesTemplate = (args, { argTypes } = {}) => ({
+const EnumVariantTemplate = (args, { argTypes } = {}) => ({
   components: { UTabs },
   setup() {
     return {
       args,
-      sizes: argTypes.size.options,
+      options: argTypes[args.enum].options,
     };
   },
   template: `
     <div class="space-y-16">
       <UTabs
         v-model="args.modelValue"
-        v-for="(size, index) in sizes"
+        v-for="(option, index) in options"
         v-bind="args"
-        :size="size"
+        :[args.enum]="option"
         :key="index"
       />
     </div>
@@ -56,8 +60,8 @@ const SizesTemplate = (args, { argTypes } = {}) => ({
 export const Default = DefaultTemplate.bind({});
 Default.args = {};
 
-export const sizes = SizesTemplate.bind({});
-sizes.args = {};
+export const sizes = EnumVariantTemplate.bind({});
+sizes.args = { enum: "size" };
 
 export const bottomLine = DefaultTemplate.bind({});
 bottomLine.args = { underlined: true };

package/web-types.json

@@ -1,7 +1,7 @@
 {
   "framework": "vue",
   "name": "vueless",
-  "version": "0.0.243",
+  "version": "0.0.244",
   "contributions": {
     "html": {
       "description-markup": "markdown",