在故事书中更改Vue组件的数据值

Question

基于isSent布尔值（默认为false），我有一个具有2个状态的模态组件。

<template>
  <SimpleModal>
    <div v-if="!isSent">
       ...
    </div>

    <div v-else>
       ...
    </div>
  </SimpleModal>
<template>

因此，我想创建2个故事，每个州一个。
我的问题是我似乎无法像这样更改isSent的值：

storiesOf('common.Modals.ShareBookingModal', module)
  .add('Normal', withReadme(ShareBookingModalReadme, () => ({
    components : { ShareBookingModal },
    template   : `
      <div class="sb-container">
        <ShareBookingModal />
      </div>
    `
  }))).add('Success', withReadme(ShareBookingModalReadme, () => ({
    components : { ShareBookingModal },
    template   : `
    <div class="sb-container">
      <ShareBookingModal />
    </div>
  `,

    data() {
      return {
        isSent : true // not doing its job
      };
    }
})));

在两个故事中，都显示第一个div。

如何直接修改组件的状态？