使用 Vue 2 添加 Storybook 中每个道具的描述

Question

我用自定义列扩展了 Vuetify 表，因此我在它周围做了一个包装：

<template>
  <div>
    <custom-component>
    </custom-component>
    <v-data-table v-bind="$attrs">
      <template>
       // Custom columns
      </template>
    </v-data-table>
  </div>
</template>

在 $attrs 中有一个“headers”和“items”道具。现在，在 MyDataTable.stories.js 中，我创建了模拟数据：

Default.args = {
  /** It doesn't work */
  headers: tableHeaders,
  items: tableContent,
  };

如何向该道具添加描述？我尝试过 /** */ 但它似乎只能在具有定义的 props 的 CustomTable.vue 文件中工作，而不是作为 $attrs 传递，而且我不想使用 MDX。

其余的看起来像这样：

const Template = (args, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: {  MyDataTable },
  template:
      '<my-data-table v-bind="$props"/>',
});

export const Default = Template.bind({});