Laravel, Inertia + Vue 3 installation

[madsh93]

Hi

I get an error installing Histoire on my Laravel, Inertia + Vue 3 project.

Here is my process:

run:
npm i -D histoire @histoire/plugin-vue

create file:
histoire.config.ts

with content:

import { defineConfig } from 'histoire'
import { HstVue } from '@histoire/plugin-vue'

export default defineConfig({
  plugins: [
    HstVue(),
  ],
})

Package.json

  "scripts": {
    "story:dev": "histoire dev",
    "story:build": "histoire build",
    "story:preview": "histoire preview"
  }

When running npm run story:dev

I receive following error:

file:///Users/mads/Documents/GitHub/project-name/node_modules/histoire/dist/node/stories.js:53
        throw new Error(`No support plugin found for file ${absoluteFilePath}`);
              ^

Error: No support plugin found for file /Users/mads/Documents/GitHub/project-name/vendor/amuu/booking/.gitignore
    at addStory (file:///Users/mads/Documents/GitHub/project-name/node_modules/histoire/dist/node/stories.js:53:15)
    at FSWatcher.<anonymous> (file:///Users/mads/Documents/GitHub/project-name/node_modules/histoire/dist/node/stories.js:19:27)
    at FSWatcher.emit (node:events:390:28)
    at FSWatcher.emitWithAll (/Users/mads/Documents/GitHub/project-name/node_modules/chokidar/index.js:540:8)
    at FSWatcher._emit (/Users/mads/Documents/GitHub/project-name/node_modules/chokidar/index.js:632:8)
    at FsEventsHandler.emitAdd (/Users/mads/Documents/GitHub/project-name/node_modules/chokidar/lib/fsevents-handler.js:421:14)
    at ReaddirpStream.<anonymous> (/Users/mads/Documents/GitHub/project-name/node_modules/chokidar/lib/fsevents-handler.js:490:16)
    at ReaddirpStream.emit (node:events:390:28)
    at addChunk (node:internal/streams/readable:315:12)
    at readableAddChunk (node:internal/streams/readable:289:9)

[Akryum]

Looks like the file is being matched as a story 🤔

[madsh93]

Looks like the file is being matched as a story 🤔

Is it this one your referring to /Users/mads/Documents/GitHub/project-name/vendor/amuu/booking/.gitignore?

I don't see what it should be doing in the vendor directory. How do I exclude it? :-)

[Akryum]

By default it shouldn't be matched by chokidar 🤔
You can try adding .gitignore to storyIgnored.

[madsh93]

That worked. It wasn't the gitignore, but the entire folder. Here's what worked:

storyIgnored: ['vendor', 'public', 'node_modules'],
Thanks Akryum