Nuxt•2y ago

use environment variables in app.config.ts

im using

nuxt-icon

nuxt-icon

and it requires me to set my custom api host in

app.config.ts

app.config.ts

, but i cant seem to access environment variables or runtime config there. how do i even go about this

pyplacca•4/28/24, 1:33 PM

Try

Vap0r1zeOP•4/28/24, 4:50 PM

wait thats epic

Vap0r1zeOP•4/28/24, 5:08 PM

this doesnt transpile to anything

Vap0r1zeOP•4/28/24, 5:10 PM

i dont think import.meta.env exists in nuxt 3

pyplacca•4/28/24, 5:10 PM

It does

pyplacca•4/28/24, 5:10 PM

It’s from vite

pyplacca•4/28/24, 5:11 PM

Be sure to prefix your env key with VITE_

Vap0r1zeOP•4/28/24, 5:11 PM

ah, it was prefixed with NUXT_PUBLIC_

Vap0r1zeOP•4/28/24, 5:11 PM

thats a bit annoying

Vap0r1zeOP•4/28/24, 5:12 PM

still does not transpile

Vap0r1zeOP•4/28/24, 5:13 PM

wait

Vap0r1zeOP•4/28/24, 5:13 PM

no it does actually i was just expecting something different

pyplacca•4/28/24, 5:13 PM

That’s weird. Been working fine for me

Vap0r1zeOP•4/28/24, 5:14 PM

it did take a VITE_ prefix to work though, thank you

pyplacca•4/28/24, 5:14 PM

Oh great. You’re welcome