histoire
histoire copied to clipboard
Using kebab-case in stories
Describe the bug
It seems that Histoire's components can only be called using PascalCase tags. I'm getting No story found for /path/to/project/component.story.vue when replacing <Story> by <story>, while Vue allows both styles.
Reproduction
Basic Histoire setup with @histoire/plugin-vue, and use kebab-case instead of PascalCase in a story file.
You then should get the error in your terminal.
System Info
System:
OS: Linux 5.15 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
CPU: (18) x64 Intel(R) Core(TM) Ultra 5 135H
Memory: 10.98 GB / 15.44 GB
Container: Yes
Shell: 5.2.15 - /bin/bash
Binaries:
Node: 22.13.1 - ~/.nvm/versions/node/v22.13.1/bin/node
npm: 10.9.2 - ~/.nvm/versions/node/v22.13.1/bin/npm
npmPackages:
@histoire/plugin-vue: ^1.0.0-alpha.2 => 1.0.0-alpha.2
@vitejs/plugin-vue: ^5.2.1 => 5.2.1
histoire: ^1.0.0-alpha.2 => 1.0.0-alpha.2
vite: ^6.2.0 => 6.2.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.