storybook-vue / storybook-nuxt

Deprecated in favor of https://github.com/nuxt-modules/storybook/
https://github.com/nuxt-modules/storybook/
133 stars 20 forks source link

Vuetify not working #42

Open g1ronn1mo opened 1 year ago

g1ronn1mo commented 1 year ago

Installed version of vuetify: 3.3.6. Does not load any vuetify related components. Unocss works for example. And it seems like the plugin gets loaded when running pnpm storybook:

,,,,
  {
    src: '/home/bene/Projects/nuxt3-frontend-webapp/plugins/useVuetify.ts',
    mode: 'all'
  }
]
chakAs3 commented 1 year ago

it should work. please try new version using pnpm

run : npx storybook-nuxt init

and check which package is installed and its version

g1ronn1mo commented 1 year ago

I removed all entries with storybook and ran pnpm i to get a clean install. After this, I installed the storybook-nuxt with: npx storybook-nuxt init.

This gave me this package.json:

...
"@storybook-vue/nuxt": "^0.0.1-beta.22",
"@storybook/addon-essentials": "^7.3.2",
"@storybook/addon-interactions": "^7.3.2",
"@storybook/addon-links": "^7.3.2",
"@storybook/blocks": "^7.3.2",
"@storybook/testing-library": "^0.2.0",
"@storybook/vue3": "^7.3.2",
...
"eslint-plugin-storybook": "^0.6.13",
...
"storybook": "^7.3.2",
...

I get the error: Failed to resolve component: v-btn in the console and the component is not rendering. The component shows right in the normal browser.

g1ronn1mo commented 1 year ago

I got it somehow working, by copy pasting the content from this demo

"scripts": { ... "storybook": "storybook dev -p 6006", "build-storybook": "storybook build" }

"devDependencies": { ... "storybook": "^7.2.3", "@storybook-vue/nuxt": "0.0.1-beta.21", "@storybook/addon-essentials": "^7.2.3", "@storybook/addon-interactions": "^7.2.3", "@storybook/addon-links": "^7.2.3", "@storybook/blocks": "^7.2.3", "@storybook/builder-vite": "^7.2.3", "@storybook/testing-library": "^0.2.0", "@storybook/vue3": "npm:@storybook-vue/vue3@7.3.0-alpha.0.1", ...}

After this I ran npx storybook-nuxt init.

chakAs3 commented 1 year ago

hi @g1ronn1mo i released new stable version 0.0.3 for reference check this demo repo has Vuetify installed storybook-nuxt-starter

AndreyYolkin commented 10 months ago

Hello, @chakAs3 As development of invictus vuetify is discontinued (see https://github.com/invictus-codes/nuxt-vuetify?tab=readme-ov-file#no-longer-maintained), I've tried to switch to https://github.com/userquin/vuetify-nuxt-module

Unfortunately It wasn't successful

Here is the repo with reproduction, hope it helps: https://github.com/AndreyYolkin/storybook-vuetify-issue

chakAs3 commented 10 months ago

Salam @AndreyYolkin i see no issue, i'm working with userquin Joaquín Sánchez the maintainer of vuetify nuxt plugin, we almost sorted out i'm doing some tests from my side

lna1989 commented 9 months ago

@chakAs3 Is there any update on this issue? Is there anything the community can do to help?