Vue setup script returns early?

Question

Is it possible to return early in a Vue setup script?

<template>
  <div v-if="error || !data">Fallback content...</div>
  <div v-else>Page content...</div>
</template>

<script setup lang="ts">
// ...

const { data, error } = await fetchApi()
// Early return here? E.g., if (error || !data) return

// ...
// Lots of code which doesn't need to run if error.
// E.g., calculation of variables only used in the page content.
// ...
</script>

Note: I come from the React world and am fairly new to Vue.

Answer 1

You can throw an error:

const {data, error} = await fetchApi()
if(error || !data) throw new Error('your error message')

It prevents the rest of the code from running