How to get .env variable in Nova package

I'm also looking for an answer to this.

I've created a custom component/tool and I'm trying to pull in the .env variables into a vue component using MIX_STRIPE_KEY.

This works if I put in a 'local' .env file into the root of the component folder, but I don't want to do this - as I want to have a single place for the project that holds the STRIPE_KEY, so I want it to obtain the variable from the root .env file.

I know it's been a long time since this thread was last posted, but I'm leaving this info here in case it might be of interest to anyone.

Due to Nova custom component can't access to the main .env file you can inject whatever you want on the component with Nova::provideToScript() function using it from your ServiceProvider.php file:

 public function boot(): void
    {
        $this->app->booted(function () {
            $this->routes();
        });

        Nova::serving(function (ServingNova $event) {
            Nova::script('my-custom-component', __DIR__.'/../dist/js/card.js');
            Nova::style('my-custom-component', __DIR__.'/../dist/css/card.css');
            Nova::provideToScript([
                'tool' => [
                    'baseUrl' => config('app.url'),
                ],
            ]);
        });
    }

Then you can access to this info from the Vue component doing this:

Nova.config('tool').baseUrl