rejuvallife/resources/js/components/ErrorHeader.vue
2024-10-25 01:02:11 +05:00

38 lines
677 B
Vue

<script setup>
const props = defineProps({
errorCode: {
type: String,
required: false,
},
errorTitle: {
type: String,
required: false,
},
errorDescription: {
type: String,
required: false,
},
})
</script>
<template>
<div class="text-center mb-4">
<!-- 👉 Title and subtitle -->
<h1
v-if="props.errorCode"
class="text-h1 font-weight-medium"
>
{{ props.errorCode }}
</h1>
<h5
v-if="props.errorTitle"
class="text-h5 font-weight-medium mb-3"
>
{{ props.errorTitle }}
</h5>
<p v-if="props.errorDescription">
{{ props.errorDescription }}
</p>
</div>
</template>