Add storeToRefs to the auto imports in @pinia/nuxt

[productdevbook]

What problem is this solving

Proposed solution

it needs to be added to the auto import field

Describe alternatives you've considered

No response

[Cyclodex]

Hi, I just came across this ( I am moving from Vue 2 to Vue 3 + Nuxt + Pinia and learning how to setup things).

I just tried something, which actually seems to work, but not sure if something else would still be needed etc.

Add the storeToRefs-function name to the autoImports within the nuxt.config.ts:

modules: [
    [
      '@pinia/nuxt',
      {
        autoImports: [
          'storeToRefs',

I am using

Nuxt Version:     `3.0.0`
Runtime Modules:  `@pinia/nuxt@0.4.6`

No need to import it again :)

[mrleblanc101]

Shouldn't this be the default ?

[KnifeFed]

@pinia/nuxt 0.5.0 removed the autoImports option which broke all my references to storeToRefs. In the CHANGELOG it says "the option autoImports has been removed as it offered no value compared to the existing imports option in Nuxt". But as far as I can tell, you can only add directories to that option. So I guess this is broken until #2427 is released?

[Q16solver]

Yes, 0.5.0 is breaking my builds as well. Any user that is using storeToRefs as an auto import will have this issue, I believe we'll have to wait till it's added back

[minkoonim]

why remove autoimports config anyway
it was great option

[minkoonim]

Yes, 0.5.0 is breaking my builds as well. Any user that is using storeToRefs as an auto import will have this issue, I believe we'll have to wait till it's added back

@pinia/nuxt 0.5.0 removed the autoImports option which broke all my references to storeToRefs. In the CHANGELOG it says "the option autoImports has been removed as it offered no value compared to the existing imports option in Nuxt". But as far as I can tell, you can only add directories to that option. So I guess this is broken until #2427 is released?

@Q16solver @KnifeFed
https://nuxt.com/docs/guide/concepts/auto-imports#auto-import-from-third-party-packages

//nuxt.config.ts
...
  imports: {
    presets: [{
      from: 'pinia',
      imports: ['defineStore', 'storeToRefs', 'acceptHMRUpdate'],
    }],
  },