33 lines
886 B
Vue
33 lines
886 B
Vue
<template>
|
|
<SMPage no-breadcrumbs>
|
|
<div class="sm-page-error sm-error-not-found">
|
|
<div class="sm-error-number">
|
|
4<img src="/img/sad-monster.png" />4
|
|
</div>
|
|
<div class="sm-error-content">
|
|
<h2>Ooops!</h2>
|
|
<p>The page you are looking for does not exist!</p>
|
|
<SMButton label="Go Back" @click="handleClick" />
|
|
</div>
|
|
</div>
|
|
</SMPage>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import SMButton from "../SMButton.vue";
|
|
import { useRouter } from "vue-router";
|
|
import { useApplicationStore } from "../../store/ApplicationStore";
|
|
|
|
const router = useRouter();
|
|
const applicationStore = useApplicationStore();
|
|
|
|
applicationStore.setDynamicTitle("Not Found");
|
|
|
|
/**
|
|
* Handle user clicking back/home button
|
|
*/
|
|
const handleClick = () => {
|
|
router.go(-1);
|
|
};
|
|
</script>
|