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:
app.$getAffiliate()this.$getAffiliate() <-- this works in a Vue file$getAffiliate()this.getAffiliate()What am I missing to access my getAffiliate function in another plugin file?
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.