Nuxt.js - 在组件的故事中使用插件 - Storybook

Question

如何创建使用 nuxt 插件的组件故事？

假设我想在模板中使用 nuxt 插件。

<template>
  <div>
    {{ $somePlugin('text') }}
  </div>
</template>

插件在 nuxt.config.js 中声明，并且需要外部库：

import externalLibrary from 'ext';

export default (context, inject) => {
  inject('somePlugin', (content) => {
    return externalLibrary(content);
  });
};

最终出现类型错误

_vm.$somePlugin is not a function

。

我该如何将其提供给 Storybook？

我正在使用@nuxtjs/storybook版本4.3.2

Answer 1

我发现故事书需要将插件声明为字符串。

// nuxt.config.js

plugins: ['~/plugin.js'] <- works

plugins: [{
  src: '~/plugin.js',
  mode: 'client',
},] <- won't work