小编ren*_*ndo的帖子

使用 vuetify 2 设置故事书

我正在设置一个带有 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)

vue.js vuetify.js storybook

3
推荐指数
2
解决办法
4226
查看次数

标签 统计

storybook ×1

vue.js ×1

vuetify.js ×1