41 lines
1.4 KiB
Vue
41 lines
1.4 KiB
Vue
<template>
|
||
<layout :transparent="true">
|
||
<breadcrumb-area title="Shop" subtitle="Shop" />
|
||
<!-- error area start -->
|
||
<section class="error__area pt-60 pb-100">
|
||
<div class="container">
|
||
<div class="col-xl-8 offset-xl-2 col-lg-8 offset-lg-2">
|
||
<div class="error__content text-center">
|
||
<div class="error__number">
|
||
<h1>{{error.statusCode}}</h1>
|
||
</div>
|
||
<span>not found {{error.message}}</span>
|
||
<h2>Nothing To See Here!</h2>
|
||
<p>
|
||
The page are looking for has been moved or doesn’t exist anymore,
|
||
if you like you can return to our homepage. If the problem
|
||
persists, please send us an email to
|
||
<span class="highlight comment">basictheme400@gmail.com</span>
|
||
</p>
|
||
|
||
<div class="error__search">
|
||
<button @click="handleClearError" class="os-btn os-btn-3 os-btn-black">
|
||
Back To Home
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<!-- error area end -->
|
||
</layout>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import Layout from "./layout/Layout.vue";
|
||
import BreadcrumbArea from "./components/common/breadcrumb/BreadcrumbArea.vue";
|
||
|
||
defineProps(["error"]);
|
||
const handleClearError = () => clearError({redirect:'/'})
|
||
</script>
|