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:
- plugins/utils/tracking.js
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:
- plugins/init-brand.js
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?