title: Vue storybook example using v-model and template?
body: <p>How do i use <code>v-model</code> in <code>vue storybook</code>? In my case, it's just a custom component that a end user can use with <code>v-model</code>. I have the following example:</p>
  <pre><code>const dateRange = [
    new Date('2014/5/14').toISOString(),
    new Date('2015/2/2').toISOString(),
  ]
  
  const Template = (args, { argTypes }) =&gt; ({
    components: { DateRangePicker },
    data: () =&gt; ({ dateRange }),
    props: Object.keys(argTypes),
    template:
      '&lt;DateRangePicker v-bind=&quot;$props&quot; v-model=&quot;dateRange&quot; @input=&quot;onInput&quot; /&gt;',
  })
  
  export const Default = Template.bind({})
  
  Default.args = {
    dateRange: [], // if i remove this line, error is gone but i can't use a different default value for v-model via the template and all stories use the same value for `dateRange`.
  }
  </code></pre>
  <p>If i do the above, then i end up with the following error: <code>The data property &quot;dateRange&quot; is already declared as a prop. Use prop default value instead.</code>. I'm trying to write story cases with different examples of values passed in as <code>v-model</code></p>