histoire
histoire copied to clipboard
Nuxt/image-edge + Histoire doesnt't work
Describe the bug
- I have made a fresh nuxt project on stackblitz (and locally via Nuxt's "getting started" instructions)
- then installed histoire while following the getting started for nuxt 3
- then installed Nuxt/image-edge follwing the getting started for nuxt 3
- then created a basic Image.vue and Image.story.vue, and got the following errors in console when trying to run Histoire:

For used package manager - I use yarn locally but the reproduction stackblitz uses npm
Reproduction
System Info
System:
OS: macOS 13.0.1
CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz
Memory: 7.64 MB / 16.00 GB
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.17.1 - ~/Library/Caches/fnm_multishells/43544_1669964830256/bin/node
Yarn: 1.22.19 - /usr/local/bin/yarn
npm: 8.15.0 - ~/Library/Caches/fnm_multishells/43544_1669964830256/bin/npm
Browsers:
Chrome: 107.0.5304.121
Firefox: 106.0.1
Firefox Developer Edition: 108.0
Safari: 16.1
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.
@Akryum mentioned on discord that this should be fixed in 0.11.9 but sadly it is not. :(
Please give [v0.15.0] a try and report back if your issue is solved or not :pray:
With the new Nuxt Version I am only getting the Error "500 $img is not a function"
Stackblitz (Update to nuxt 3.2.2 and histoire 0.15.8)