我正在设置一个带有 storybook 和 vuetify 2 的项目。只需将 vuetify 导入我的 storybook 配置文件即可使组件工作,但颜色和主题不起作用,当添加装饰器 v-app 时,我收到以下错误:“index.html”。 js:49 类型错误:无法读取未定义的属性“dark””
import { configure, addDecorator } from '@storybook/vue'
import { themes } from '@storybook/theming'
import Vue from 'vue'
import Vuetify, { VApp } from 'vuetify/lib'
import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'
import colors from 'vuetify/lib/util/colors';
Vue.component('v-app', VApp)
Vue.use(Vuetify, {
iconfont: 'md',
theme: {
themes: {
light: {
primary: colors.purple,
secondary: colors.grey.darken1,
accent: colors.shades.black,
error: colors.red.accent3,
},
dark: {
primary: colors.purple
},
}
}
})
addDecorator(() => ({
template: '<v-app><story/></v-app>', …Run Code Online (Sandbox Code Playgroud)