histoire icon indicating copy to clipboard operation
histoire copied to clipboard

Using kebab-case in stories

Open f-lawe opened this issue 9 months ago • 0 comments

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

f-lawe avatar Mar 25 '25 13:03 f-lawe