shaunevening / vue3-vuetify-storybook-recipe-example

An example of how to get Vuetify working for Vue 3 in storybook

default

Project setup

# yarn
yarn

# npm
npm install

# pnpm
pnpm install

Compiles and hot-reloads for development

# yarn
yarn dev

# npm
npm run dev

# pnpm
pnpm dev

Compiles and minifies for production

# yarn
yarn build

# npm
npm run build

# pnpm
pnpm build

Customize configuration

See Configuration Reference.

vue3-vuetify-storybook-recipe-example's Issues

Controls addon not working with the 'withVuetifyTheme' decorator

First of all thanks for this recipe, I followed the instructions from this link: https://storybook.js.org/recipes/vuetify.

I noticed there a few improvements possible and will cover the most important one here:

The control add-on is not working when using the decorator. I think the 'binding' is lost somewhere with the render function used in the decorator. I rewrote it with a template string instead, which seems to solve the issue. I only used the v-app component here together with a d-flex div, so structural choices can be made in stories. I'll add a PR with my code.

Note: I am pretty new with storybook, so if I am completely missing something in the original recipe I'd love to hear it ;)

Fix Vuetify MDX example

See storybookjs/storybook#24792 for reference