# vue/no-lifecycle-after-await

disallow asynchronously registered lifecycle hooks

  • ⚙️ This rule is included in all of "plugin:vue/vue3-essential", "plugin:vue/vue3-strongly-recommended" and "plugin:vue/vue3-recommended".

# 📖 Rule Details

This rule reports the lifecycle hooks after await expression.
In setup() function, onXXX lifecycle hooks should be registered synchronously.

<script> import { onMounted } from 'vue' export default { async setup() { /* ✓ GOOD */ onMounted(() => { /* ... */ }) await doSomething() /* ✗ BAD */ onMounted(() => { /* ... */ }) } } </script>
Now loading...

# 🔧 Options

Nothing.

# 📚 Further Reading

# 🔍 Implementation