CODEWITHSUNDEEP
javascriptvue.jsnuxt.js
Ryan H
Ryan H

Reputation: 2973

Nuxt JS use injected function from plugin in another plugin file

I'm using Nuxt JS's inject function to inject a function into my page for code reusability. I'd like to use the function in another plugin file and can't seem to get the function in there.

Here's my set up:

function setCookiePrefix () {
  return 'fudge__'
}

function getCookie (app, name) {
  try {
    const prefix = setCookiePrefix()
    const cookie = app.$cookies.get(`${prefix}${name}`)

    if (!cookie || cookie == '') {
      throw 'cookie not set'
    }

    return cookie
  } catch (err) { }

  return null
}

export default function ({ app, store, context }, inject) {

  /*
  * Get just the affiliate (cpm_id OR affiliate)
  * examples: "my_brand", "blah"
  */
  inject('getAffiliate', () => {
    const affiliate = getCookie(app, 'affiliate')
    const brand = getBrand(store)

    if (!affiliate) return brand

    return affiliate
  })

}

And the file I'm trying to utilise the getAffiliate function in from my tracking.js file:

export default async function ({ app, route, store }) {
  const affiliate = app.$getAffiliate()
  console.log(affiliate) <-- undefined
}

I've tried:

What am I missing to access my getAffiliate function in another plugin file?

Upvotes: 6

Views: 6271

Answers (1)

mrks.diehl
mrks.diehl

Reputation: 81

I have an api plugin with some axios set up. I can load it inside another plugin file like this:

export default ( {$api} , inject) => {
  const service = new SomeService($api)
  inject('someService', SomeService)
}

So in your case that would be:

export default async function ({ app, route, store, $getAffiliate }) {
  const affiliate = $getAffiliate()
  console.log(affiliate)
}

Not sure if this is the right way, but it works for me.

Upvotes: 3

Related Questions