Import .env into app{ head{ script{
Im loading a analytics script inside my nuxt.config.ts and want to dynamically change the key via an env var, but the scope doesnt have acess to process or useRUntimeConig, any thoughts:
app: {
head: {
script: [
{
hid: 'Rudder-JS',
src: 'https://myurl/dataPlane',
defer: true
},
{
hid: 'rudder-js',
innerHTML: `
rudderanalytics = window.rudderanalytics = [];
var methods = [
'load',
'page',
'track',
'identify',
'alias',
'group',
'ready',
'reset',
'getAnonymousId',
'setAnonymousId'
];
for (var i = 0; i < methods.length; i++) {
var method = methods[i];
rudderanalytics[method] = function (methodName) {
return function () {
rudderanalytics.push([methodName].concat(Array.prototype.slice.call(arguments)));
};
}(method);
}
const config = useRuntimeConfig()
console.log(config.rudderstack)
rudderanalytics.load(config.rudderstack,
'https://myurl',
{ configUrl: 'https://myurl' });
//rudderanalytics.page();
`,
type: 'text/javascript',
}
],
},
},app: {
head: {
script: [
{
hid: 'Rudder-JS',
src: 'https://myurl/dataPlane',
defer: true
},
{
hid: 'rudder-js',
innerHTML: `
rudderanalytics = window.rudderanalytics = [];
var methods = [
'load',
'page',
'track',
'identify',
'alias',
'group',
'ready',
'reset',
'getAnonymousId',
'setAnonymousId'
];
for (var i = 0; i < methods.length; i++) {
var method = methods[i];
rudderanalytics[method] = function (methodName) {
return function () {
rudderanalytics.push([methodName].concat(Array.prototype.slice.call(arguments)));
};
}(method);
}
const config = useRuntimeConfig()
console.log(config.rudderstack)
rudderanalytics.load(config.rudderstack,
'https://myurl',
{ configUrl: 'https://myurl' });
//rudderanalytics.page();
`,
type: 'text/javascript',
}
],
},
},
