38 lines
1.4 KiB
Vue
38 lines
1.4 KiB
Vue
<script setup lang="ts">
|
|
import type { NuxtError } from "#app";
|
|
import VuesaxIcon from "~/components/ui/VuesaxIcon.vue";
|
|
|
|
const props = defineProps<{ error: NuxtError }>();
|
|
const notFound = computed(() => props.error.statusCode === 404);
|
|
|
|
useSiteSeo();
|
|
useHead({ title: () => (notFound.value ? "صفحه پیدا نشد" : "خطا") });
|
|
useSeoMeta({ robots: "noindex, follow" });
|
|
|
|
const goHome = () => clearError({ redirect: "/" });
|
|
</script>
|
|
|
|
<template>
|
|
<main class="flex min-h-screen flex-col items-center justify-center px-5 text-center">
|
|
<div class="hazard absolute inset-x-0 top-0 h-2.5" />
|
|
<VuesaxIcon name="shield-cross" class="size-16 text-accent" />
|
|
<h1 class="mt-8 text-4xl font-black md:text-6xl">
|
|
{{ notFound ? "صفحه مورد نظر پیدا نشد" : "خطایی رخ داد" }}
|
|
</h1>
|
|
<p class="mt-5 max-w-md leading-8 text-muted">
|
|
{{
|
|
notFound
|
|
? "ممکن است آدرس اشتباه وارد شده باشد یا این صفحه جابهجا شده باشد."
|
|
: "لطفاً چند لحظه بعد دوباره تلاش کنید."
|
|
}}
|
|
</p>
|
|
<a
|
|
href="/"
|
|
class="mt-9 inline-flex items-center gap-2.5 rounded-full bg-accent px-7 py-4 font-bold text-bg transition-all duration-300 hover:bg-accent-soft"
|
|
@click.prevent="goHome"
|
|
>
|
|
بازگشت به صفحه اصلی
|
|
</a>
|
|
</main>
|
|
</template>
|