Can not access process.env variables in component nuxt

Question

In nuxt config I have env object

env: {
    hey: process.env.hey || \'hey\'
},

as soon as I want to display it in component template:

Answer 1

process isn't directly available to templates, but you can access it by creating a computed property or adding it to your component's state. Here's an example:

export default {
  computed: {
    message() {
      return process.env.hey;
    },
  },
};