fix(nuxt): plugin injection on latest Nuxt 3 context

[brownsugar]

As Nuxt 3 removed the legacy context (nuxt/framework#5630), the inject argument and nuxtState option is not available anymore.

Fixes #1428
fix #1432

[netlify]

✅ Deploy Preview for pinia-official canceled.

Name	Link
🔨 Latest commit	5e0d305
🔍 Latest deploy log	https://app.netlify.com/sites/pinia-official/deploys/62cc2582e533580008650499

[posva]

Thanks, I will take a look. I think we will also need to migrate to nuxt/kit. It was removed in the past due to some missing features but it should be ready now

[pi0]

Nuxt kit is now stable to migrate to but buntime part (of plugins) can be upgraded to bridge. Kit utils are only for module/build level not runtime.

[posva]

Thanks. Let's go with this for the moment as it works with Nuxt2,3 and bridge

[posva]

Was this change necessary? 🤔
It created other problems: #1447

[brownsugar]

Because nuxtState is removed in Nuxt 3 nuxt/framework#5630

It's weird that I didn't get error when set ssr: false.

[posva]

ok, thanks

[nathanchase]

In Nuxt 3, I can get to $auth (auth module) by way of useNuxtApp() in components and composables, but how would you access it in a Pinia store?

In components, I usually just do:

const nuxtApp = useNuxtApp();
const authUser = nuxtApp.$auth.user;

but in a stores/store.ts, useNuxtApp is not available, so I'm not quite sure how to get to the context?

[nuxt] [request error] nuxt instance unavailable
  at Module.useNuxtApp (./.nuxt/dist/server/server.mjs:520:13)
  at $id_C1ltjrBOrk (./.nuxt/dist/server/server.mjs:10547:39)
  at async __instantiateModule__ (./.nuxt/dist/server/server.mjs:32909:3)

Is this issue the reason - change in context access?

Reference: Denoder/nuxt-module-alternatives#54