Невозможно использовать Мопса в собственном шаблоне сборника рассказов

#vue.js #pug #storybook

Вопрос:

У меня есть проект Vue, который использует шаблоны мопсов. Они прекрасно компилируются, однако я хотел бы использовать Сборник рассказов, чтобы наша команда могла просто скопировать и вставить каждый пример компонента в свой код.

Дело в том, что я не могу скомпилировать шаблоны сборника рассказов в Pug.

Это работает:

Это работает:

 const Template = (_, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { AppPagination },
  template: `
      <AppPagination v-bind="$props" />
  `,
});
 

но это не так:

 const Template = (_, { argTypes }) => ({
  props: Object.keys(argTypes),
  components: { AppPagination },
  template: `
    AppPagination(v-bind="$props")
  `,
});
 

Есть идеи, как это сделать?