histoire-dev / histoire-dev/histoire
Error with using vuetify treeshaking on nuxt
- Dominant language
- TypeScript
- Stars
- 3.6k
- Forks
- 212
- PR merge metrics
- No merged PRs in 30d
Description
### Describe the bug
Error: Vuetify plugin must be loaded after the vue plugin
In dev & build story
### Reproduction
https://stackblitz.com/edit/nuxt-starter-5fsqwn
### System Info
```shell
System:
OS: macOS 13.4
CPU: (8) arm64 Apple M1
Memory: 4.74 GB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 18.15.0 - ~/.nvm/versions/node/v18.15.0/bin/node
npm: 9.5.0 - ~/.nvm/versions/node/v18.15.0/bin/npm
Browsers:
Chrome: 114.0.5735.106
Firefox: 109.0.1
Safari: 16.5
npmPackages:
@histoire/plugin-nuxt: ^0.16.2 => 0.16.2
@histoire/plugin-vue: ^0.16.1 => 0.16.1
histoire: ^0.16.2 => 0.16.2
nuxt: 3.5.2 => 3.5.2
vuetify: ^3.3.3 => 3.3.3
```
### Used Package Manager
npm
### Validations
- [X] Follow our [Code of Conduct](https://github.com/histoire-dev/histoire/blob/main/CODE_OF_CONDUCT.md)
- [X] Read the [Contributing Guidelines](https://github.com/histoire-dev/histoire/blob/main/CONTRIBUTING.md).
- [X] Read the [docs](https://histoire.dev/guide/).
- [X] Check that there isn't [already an issue](https://github.com/histoire-dev/histoire/issues) 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](https://github.com/histoire-dev/histoire/discussions).
- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.
Contributor guide
Research direction
Start with the linked StackBlitz reproduction and run both the development and build flows using the reported Nuxt, Histoire, and Vuetify versions. Trace the plugin-loading order involved in treeshaking, then verify that the reproduction no longer reports the Vuetify plugin error in either flow.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs, typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100