-
Notifications
You must be signed in to change notification settings - Fork 7
/
Copy patherror.vue
57 lines (55 loc) · 2.37 KB
/
error.vue
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
<template>
<div class="page-wrapper">
<the-main-header />
<the-mobile-header />
<main class="page-content">
<div class="container">
<div class="text-center" v-if="error?.statusCode == 404">
<div class="fs-5 fw-bold mb-3">چنین صفحهای پیدا نشد</div>
<div class="fs-6 fw-bold text-muted mb-4">با عرض پوزش از شما، چنین صفحهای در سایت وجود ندارد یا این
صفحه از
سایت پاک
شده است.</div>
<div class="mb-5">
<nuxt-link to="/" class="btn btn-primary">برو به صفحه اصلی <i
class="ri-arrow-go-forward-line ms-2"></i></nuxt-link>
</div>
<img src="/images/theme/404.png" class="img-fluid" alt="">
</div>
<div class="text-center" v-else>
<div class="fs-5 fw-bold mb-3">چنین صفحهای پیدا نشد</div>
<div class="fs-6 fw-bold text-muted mb-4">با عرض پوزش از شما، چنین صفحهای در سایت وجود ندارد یا این
صفحه از
سایت پاک
شده است.</div>
<div class="mb-5">
<nuxt-link to="/" class="btn btn-primary">برو به صفحه اصلی <i
class="ri-arrow-go-forward-line ms-2"></i></nuxt-link>
</div>
<h1>Server Error</h1>
</div>
</div>
</main>
<the-footer />
</div>
</template>
<script setup lang="ts">
import { useUtilStore } from './stores/utilStore';
import { useShopCartStore } from './stores/shopCartStore';
const utilStore = useUtilStore();
const shopCartStore = useShopCartStore();
shopCartStore.Init();
useAsyncData("categories", () => utilStore.setCategories());
const props = defineProps({
error: Object,
});
useHead({
link: [
{ rel: "stylesheet", href: "/css/dependencies.css" },
{
rel: "stylesheet",
href: "https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css",
},
],
});
</script>