aboutsummaryrefslogtreecommitdiff
path: root/src/pages/404.page.vue
blob: 2bf49bcbe7f9f6e311ff34a084b84a6a143ae104 (plain) (blame)
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
<script setup lang="ts">
import { useHead } from '@vueuse/head';

useHead({ title: 'Page not found - IT Tools' });
</script>

<template>
  <div mt-20 flex flex-col items-center>
    <span text-90px lh-1 op-50>
      <icon-mdi:kettle-steam-outline />
    </span>

    <h1 m-0 mt-3>
      404 Not Found
    </h1>
    <div mt-4 op-60>
      Sorry, this page does not seem to exist
    </div>
    <div mb-8 op-60>
      Maybe the cache is doing tricky things, try force-refreshing?
    </div>

    <c-button to="/">
      Back home
    </c-button>
  </div>
</template>