mirror of
https://github.com/nuxt/nuxt.git
synced 2024-11-14 01:53:55 +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>
30 lines
582 B
Vue
30 lines
582 B
Vue
<template>
|
|
<div class="relative font-sans" n="green6">
|
|
<div class="container max-w-200 mx-auto py-10 px-4">
|
|
<h1>{{ error.message }}</h1>
|
|
There was an error 😱
|
|
|
|
<br>
|
|
<button @click="handleError">
|
|
Clear error
|
|
</button>
|
|
<br>
|
|
<NuxtLink to="/404">
|
|
Trigger another error
|
|
</NuxtLink>
|
|
<br>
|
|
<NuxtLink to="/">
|
|
Navigate home
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps({
|
|
error: Object
|
|
})
|
|
|
|
const handleError = () => clearError({ redirect: '/' })
|
|
</script>
|