Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vuetify not working #42

Open
g1ronn1mo opened this issue Aug 17, 2023 · 7 comments
Open

Vuetify not working #42

g1ronn1mo opened this issue Aug 17, 2023 · 7 comments
Assignees

Comments

@g1ronn1mo
Copy link

g1ronn1mo commented Aug 17, 2023

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
Copy link
Contributor

chakAs3 commented Aug 18, 2023

it should work. please try new version using pnpm

run : npx storybook-nuxt init

and check which package is installed and its version

@g1ronn1mo
Copy link
Author

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
Copy link
Author

g1ronn1mo commented Aug 21, 2023

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
Copy link
Contributor

chakAs3 commented Aug 23, 2023

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

@chakAs3 chakAs3 self-assigned this Aug 23, 2023
@AndreyYolkin
Copy link

AndreyYolkin commented Jan 4, 2024

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
Copy link
Contributor

chakAs3 commented Jan 11, 2024

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
Copy link

lna1989 commented Feb 13, 2024

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants