Nuxt privateRuntimeConfig access inside Plugin

user_9755283 0
Viewed 2573

Nuxt in 2.13 released runtimeConfig and tells us to migrate from dotenv in this article

I created a .env file where i wrote my variables and made sure that is ignored in my .gitignore file.

In nuxt.config.js I added the fallowing

privateRuntimeConfig: {
    apiKey: process.env.apiKey,
}

Like this I have access to my apiKey in nuxt.config.js and it works nice. However I use a plugin for google maps where I need to put my apiKey in my plugin js file I created. I'm trying something like this but I cant access to my .env variables.

import Vue from 'vue'
import x5GMaps from 'x5-gmaps'

export default ({ app }) => { Vue.use(x5GMaps, app.context.$config.apiKey) }
nuxt.js vue.js plugins environment-variables
1 Answers

Try this:

export default ({ app }) => { Vue.use(x5GMaps, app.$config.apiKey) }

But it just work with publicteRuntimeConfig

user_92119270
Related