Is it possible to access Nuxt context from a pinia sotre?

First of all thanks for this awesome library.

When I’m using nuxt to build my apps, I normally tend to use Nuxt axios and auth modules for instance and have my API methods wrapped around vuex accessing this.$axios to perform HTTP requests without being worried about authentication and other configuration stuff.

I want to know if it is possible to have nuxt context injected inside my pinia store so i can keep using this pattern? If so how can I achieve this?

Thanks.

[posva]

I added $nuxt to the plugin: https://pinia.esm.dev/ssr/nuxt.html#using-the-nuxt-context-in-stores

[isneezy]

Ok, after digging a bit I found that with nuxt-composition-api all you have to do is call useContext and everything works.

Note I’m doing in spa mode IDK if it work as intended on SSR but the docs says it does.

// store/Users.ts
import { createStore } from 'pinia'
import { useContext } from 'nuxt-composition-api'

export type User = {
  id: number
  name: String
  username: String
  email: String
  password: String
}

export const useUsersStore = createStore({
  id: 'users',
  state: () => ({
    users: {} as { [id: number]: User }
  }),
  actions: {
    fetchUsers() {
      const { $axios } = useContext() // 👈️ here
      return $axios.$get<User>('/api/users').then((user) => (this.state.users[user.id] = user))
    }
  }
})