error returned by useAsyncData is not immediately reflected

[wattanx]

Environment

---

• Operating System: Linux
• Node Version: v18.18.0
• Nuxt Version: 2.17.2
• CLI Version: 3.10.0
• Nitro Version: 2.8.1
• Package Manager: [email protected]
• Builder: webpack
• User Config: ssr, serverHandlers, devServerHandlers, devServer, typescript, nitro, bridge, buildModules
• Runtime Modules: -
• Build Modules: (), @nuxt/[email protected]

---

Reproduction

https://stackblitz.com/edit/github-dds6ys

Describe the bug

Error returned by useAsyncData is not immediately reflected.
We expect the environment to behave like the following:
https://stackblitz.com/edit/github-drhhpj

Additional context

Strangely enough, it works when properties other than error are used together!

<script setup>
const { error, status } = useLazyAsyncData('aaa', async () => {
  try {
    throw new Error('test')
  } catch (e) {
    throw { obj: 'test' }
  }
})
</script>

<template>
  <div>
    <p>error: {{ error !== null }}</p>
    <p>status: {{ status }}</p>
  </div>
</template>

Logs

No response

[wattanx]

Fixed at #1004