no-lifecycle-after-await.md

pageClass	sidebarDepth	title	description
rule-details	0	vue/no-lifecycle-after-await	disallow asynchronously registered lifecycle hooks

vue/no-lifecycle-after-await

disallow asynchronously registered lifecycle hooks

📖 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>

🔧 Options

Nothing.

📚 Further reading

• Vue RFCs - 0013-composition-api

🔍 Implementation

• Rule source
• Test source