histoire
histoire copied to clipboard
Nuxt UI <ULink> generates an error
Describe the bug
When using <ULink>
(link component from Nuxt UI) the following error occurs:
Uncaught (in promise) TypeError: (destructured parameter) is undefined
Documentation for ULink: https://ui.nuxt.com/components/link
The reproduction link is a Nuxt project with Nuxt UI and Histoire configured.
A story was created with 3 variants : one with <a href>
, one with <NuxtLink>
, and one with <ULink>
that is not rendered because of the error you can see in the inspector.
Just run npm run story:dev
to see this story.
Reproduction
https://stackblitz.com/edit/nuxt-ui-erhpts?file=components%2FLink.story.vue
System Info
System:
OS: macOS 12.7.3
Memory: 591.05 MB / 32.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 20.11.1 - ~/.nvm/versions/node/v20.11.1/bin/node
npm: 10.4.0 - ~/.nvm/versions/node/v20.11.1/bin/npm
pnpm: 8.15.3 - ~/.nvm/versions/node/v20.11.1/bin/pnpm
Browsers:
Brave Browser: 122.1.63.174
Chrome: 123.0.6312.58
Safari: 17.4
npmPackages:
@histoire/plugin-nuxt: ^0.17.14 => 0.17.14
@histoire/plugin-vue: ^0.17.14 => 0.17.14
histoire: ^0.17.14 => 0.17.14
Used Package Manager
npm
Validations
- [X] Follow our Code of Conduct
- [X] Read the Contributing Guidelines.
- [X] Read the docs.
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] Check that this is a concrete bug. For Q&A open a GitHub Discussion.
- [X] The provided reproduction is a minimal reproducible example of the bug.