How to hide api keys in nuxt.js?

Question

Vue.js

Good evening, please tell me how to hide api keys from Firebase from the user?
Or is it impossible to do without an additional api?

Answer 1

Nuxt.js is primarily a rendering of the UI on the server side (server!!!) and, accordingly, you need to try and specifically show the keys (embed them in the page, in the Vue component) so that the end user sees them.
Imagine that people ask you to show some photo from your safe, laying it out in front of them on the table.
Table - browser.
You are a Nuxt.js server application.
Your safe is Firebase.