pinia custom plugin undefined

Hey there i have a custom fetch function from the docs https://nuxt.com/docs/guide/recipes/custom-usefetch but when declaring it inside the global store context of a pinia store its undefined, in the function scope it is not. But i dont really wanna call the

useNuxtApp()

useNuxtApp()

composable everytime I fetch:

export const useUserStore = defineStore("userStore", (context) => {
// Global Store scope
  const nuxtApp = useNuxtApp()
  console.log(nuxtApp.$apiFetch); // undefined

  async function Fetch() {
// function scope
    const nuxtApp = useNuxtApp()

    await nuxtApp.$apiFetch() // working
  }
});

export const useUserStore = defineStore("userStore", (context) => {
// Global Store scope
  const nuxtApp = useNuxtApp()
  console.log(nuxtApp.$apiFetch); // undefined

  async function Fetch() {
// function scope
    const nuxtApp = useNuxtApp()

    await nuxtApp.$apiFetch() // working
  }
});

Do you have any regards why?
Thanks!

Nuxt•2y ago•

6 replies

Joni

pinia custom plugin undefined

useNuxtApp()

useNuxtApp()

composable everytime I fetch:

export const useUserStore = defineStore("userStore", (context) => {
// Global Store scope
  const nuxtApp = useNuxtApp()
  console.log(nuxtApp.$apiFetch); // undefined

  async function Fetch() {
// function scope
    const nuxtApp = useNuxtApp()

    await nuxtApp.$apiFetch() // working
  }
});

export const useUserStore = defineStore("userStore", (context) => {
// Global Store scope
  const nuxtApp = useNuxtApp()
  console.log(nuxtApp.$apiFetch); // undefined

  async function Fetch() {
// function scope
    const nuxtApp = useNuxtApp()

    await nuxtApp.$apiFetch() // working
  }
});

Do you have any regards why?
Thanks!

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

Nuxt

Nuxt Community Chat Server

31,632 Members

Join

pinia custom plugin undefined

pinia custom plugin undefined

Continue the conversation

Nuxt

Continue the conversation

Nuxt

Similar Threads