How to Use Pinia Within a Nuxt Layer?

[BradDoesCode]

Hi, I’m working on a Nuxt project that extends a remote Nuxt layer. The layer includes Pinia and defines stores in its stores directory. However, the stores are not accessible in my project, and they don’t appear in the .nuxt folder after running nuxt prepare.

Here’s what I’ve tried:

1. Added the following Pinia configuration in the layer’s nuxt.config.ts:

import { dirname, join } from 'path';
import { fileURLToPath } from 'url';

const currentDir = dirname(fileURLToPath(import.meta.url));

export default defineNuxtConfig({
  modules: ['@pinia/nuxt'],
  pinia: {
    storesDirs: [join(currentDir, 'stores')]
  }
});

2. Verified that the stores directory exists in the layer and contains valid Pinia stores.
3. Cleared caches and rebuilt the project (rm -rf .nuxt node_modules && npm install && npm run dev).
   Despite this, the stores are not accessible in my project, and I get errors like useUserStore is not defined.

How can I properly configure Pinia within a Nuxt layer so that the stores are accessible in the extending project? Is there a specific way to expose the stores directory from the layer?

Any guidance would be greatly appreciated!