#Vue args issues in 7.x

5 messages · Page 1 of 1 (latest)

hardy blade
#

Hey team!

Despite 7.x being out, there still seems to be problems with Vue support.

This is my story:

import NumberField from '../NumberField.vue';
import type { Meta, StoryObj } from '@storybook/vue3';

const meta: Meta<typeof NumberField> = {
  title: 'Shared/NumberField',
  component: NumberField,
  tags: ['autodocs'],
  argTypes: { 'onUpdate:modelValue': { action: 'update:modelValue' } },
};

export const Basic: StoryObj<typeof NumberField> = {
  render: (args) => ({
    components: { NumberField },
    setup() {
      return { args };
    },
    template: '<NumberField v-bind="args" />',
  }),
  args: {
    min: 0,
    max: 100,
  },
};

export default meta;

the args don't really seem dynamic. see video below

#

I still find the story-writing experience confusing and unpredictable 😕

west pulsar
#

Hi @hardy blade storybook controls not 2 ways data binding and it will never be i guess, as we know the danger of it. so you should yourself be explicit and do it in case you need it you have the api to change args value on the controls

hardy blade