{{ error.message }}
\nuseError — composable for error handling. error.vue — error page.
useError:
1<script setup>2const error = useError()3</script>45<template>6 <div>7 <h1>Error {{ error.statusCode }}</h1>8 <p>{{ error.message }}</p>9 </div>10</template>
error.vue:
1<!-- pages/error.vue -->2<script setup>3defineProps({4 error: Object5})6</script>78<template>9 <div>10 <h1>Error {{ error.statusCode }}</h1>11 <button @click="clearError">Back</button>12 </div>13</template>
Key differences: