no-env-in-hooks.md

nuxt/no-env-in-hooks

Disallow process.server, process.client and process.browser in the following lifecycle hooks: beforeMount, mounted, beforeUpdate, updated, activated, deactivated, beforeDestroy and destroyed.

• ⚙️ This rule is included in "plugin:nuxt/base".

Rule Details

This rule is for preventing using process.server/process.client/process.browser in client only Vue lifecycle hooks since they're only executed in client side.

Examples of incorrect code for this rule:

export default {
  mounted() {
    if (process.server) {
      const foo = 'bar'
    }
  },
  beforeMount() {
    if (process.client) {
      const foo = 'bar'
    }
  },
  beforeDestroy() {
    if (process.browser) {
      const foo = 'bar'
    }
  }
}

Examples of correct code for this rule:

export default {
  mounted() {
    const foo = 'bar'
  },
  beforeMount() {
    const foo = 'bar'
  },
  beforeDestroy() {
    const foo = 'bar'
  }
}

🔍 Implementation

• Rule source
• Test source