mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-15 10:24:50 +00:00
12304909bc
* feat(nuxt3): add `<NuxtErrorBoundary>` component for fine-grained error handling * feat: add `@error` event handling * fix: don't clear error on nav * fix: remove `clearError` wrapper * fix: remove outdated implementation * update clear error * upddate example with FaultyComponent Co-authored-by: Pooya Parsa <pyapar@gmail.com>
26 lines
464 B
Vue
26 lines
464 B
Vue
<script setup>
|
|
const hasIssue = ref(true)
|
|
|
|
const fixIssue = (error) => {
|
|
hasIssue.value = false
|
|
error.value = null
|
|
}
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<NuxtErrorBoundary>
|
|
<throw-error v-if="hasIssue" />
|
|
<div v-else>
|
|
Component is working ^_^
|
|
</div>
|
|
|
|
<template #error="{ error }">
|
|
Component failed to Render -_-
|
|
<button @click="fixIssue(error)">
|
|
(fix the issue)
|
|
</button>
|
|
</template>
|
|
</NuxtErrorBoundary>
|
|
</template>
|