Stores from layers are not auto-imported in main app

[rijkvanzanten]

Reproduction

https://github.com/rijkvanzanten/nuxt-pinia-reproduction-3028

Steps to reproduce the bug

• Clone the repo
• Install dependencies with pnpm install
• Open the codebase in VS Code or other IDE
• Open app/app.vue and observe the problem

Alternatively, run the dev server pnpm dev and open localhost:3000 to observe 500 useLayerStore is not defined.

Expected behavior

I expected useLayerStore to be available in app.vue as well.

Actual behavior

When running pnpm dev, or opening the codebase in VS Code, notice how useExampleStore is available globally (as it's defined in the main app folder), but note how useLayerStore which should be auto imported from the layer cannot be found.

Additional information

I wasn't able to use the minimal reproduction template GitHub repo, as it doesn't use Nuxt. Also not entirely sure if this is a Nuxt bug or a Pinia bug.. so let me know if we should move this elsewhere :)

[rijkvanzanten]

I think this might be because nuxt.options.srcDir here is the ~~/app folder

pinia/packages/nuxt/src/module.ts

Lines 70 to 79 in 57bec95

	if (!options.storesDirs) {
	// resolve it against the src dir which is the root by default
	options.storesDirs = [resolve(nuxt.options.srcDir, 'stores')]
	}
	if (options.storesDirs) {
	for (const storeDir of options.storesDirs) {
	addImportsDir(resolve(nuxt.options.rootDir, storeDir))
	}
	}

[rijkvanzanten]

cc @alexchopin this is what we were discussing the other day w/ @hanneskuettner

[posva]

There is already #2757 and #2828 but they both use a _layers property that seems to be internal. I don't know what would be the best way to add this but ideally yes, the storeDirs should apply to all layers when in the app. PR Welcome!

[rijkvanzanten]

Hm yes yes. Not sure if there's a public API available to handle this better 🤔 Nuxt itself does correctly register auto-imports from layers so time to have a poke around the source there to see how that's achieved :)

[rijkvanzanten]

@posva looks like Nuxt itself relies on the private _layers as well. @Akryum did the same for rstore.

What do you think, should we go ahead and rely on the private _layers to make this work as intended or shall we take this "higher up" and see if we can get a public API for this to implement it properly? 👀

[posva]

Ideally a public API. I don’t think it’s beneficial for Nuxt if everybody starts using a private API 🤣
@danielroe is there a public api on the way to expose layer directories for modules?

[danielroe]

I will create one for v3.19/4.1