How to access environment variables in data files?

[wrainbird]

This does not seem to be documented. But I can't figure out how to access environment variables inside data files.

Based on looking through issues etc, it seems we should be able to access them using import.meta.env but it's causing an error.

Here's a minimal reproduction that shows the error:
https://stackblitz.com/edit/vite-rwunk9mm?file=docs%2F.vitepress%2Fdata%2Ftest.data.js

[brc-dd]

process.env.FOO

[brc-dd]

Yeah I shared. Please see above comment.

[brc-dd]

If you want you can do it in data loader file directly too. That should've worked. You probably have .env inside docs. Move it outside for process.cwd to work.

You can also do this if you want to keep it inside docs:

const env = loadEnv('', 'docs', '');

Doing it inside config.ts is usually better because then you won't need to call loadEnv in each data loader file.

https://stackblitz.com/edit/vite-ngfhwvat?file=docs/index.md,docs/.vitepress/data/test.data.js

[wrainbird]

@brc-dd thanks! This helps a lot!!!

[wrainbird]

@brc-dd I think I'm going to have to upgrade/reinstall and convert to es modules instead of commonsjs. However I feel like it would be easiest to do a fresh install of vitepress and copy the docs/tailwind etc config over? As I'm now getting errors on defineConfig etc

[brc-dd]

Most likely yeah 👀