fix: use inject in nuxt plugin

diff --git a/nuxt/plugin.js b/nuxt/plugin.js
index 329acc98c5543a9dc47d05124a890d48ca4ed193..3b7a954ae9dc2d4f2ca075fa6980694cf7ec024a 100644 (file)
--- a/nuxt/plugin.js
+++ b/nuxt/plugin.js
@@ -12,7 +12,10 @@ const myPlugin = (context, inject) => {
 
   /** @type {import('../src').Pinia} */
   const pinia = createPinia()
+  inject('pinia', pinia)
+  // simulate the injection ofr `new Vue({ pinia })`
   context.app.pinia = pinia
+  // we also inject it without the $ to be able to use it without it
   context.pinia = pinia
   setActivePinia(pinia)
 

diff --git a/nuxt/types.d.ts b/nuxt/types.d.ts
index fbe2e2d65477d033e6494663c0f8db16ed816948..d663612d96cee014aa2ef8d8194388601b66dcdc 100644 (file)
--- a/nuxt/types.d.ts
+++ b/nuxt/types.d.ts
@@ -6,6 +6,7 @@ import { Context } from '@nuxt/types'
 declare module '@nuxt/types' {
   export interface Context {
     pinia: Pinia
+    $pinia: Pinia
   }
 }