histoire-dev / histoire-dev/histoire

Error with using vuetify treeshaking on nuxt

Open
#549 1 comment 0 reactions 0 assignees View on GitHub
to triage
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.