classic-ui/layouts/error.vue
Danil Kovtonyuk 44f31f8b9f
init
2022-04-22 13:14:19 +10:00

38 lines
728 B
Vue

<template>
<div class="has-text-centered">
<Error404Icon />
<h1 class="title is-1">{{ $t('errorPage.title') }}</h1>
<p class="p mb-6">{{ $t('errorPage.description') }}</p>
<b-button type="is-primary" icon-left="logo" outlined @click="handleRedirect">{{
$t('errorPage.button')
}}</b-button>
</div>
</template>
<script>
import { Error404Icon } from '@/components/icons'
export default {
name: 'ErrorPage',
components: {
Error404Icon
},
data() {
return {}
},
computed: {},
mounted() {},
methods: {
handleRedirect() {
this.$router.push('/')
}
},
head() {
return {
bodyAttrs: {
class: 'is-centered-main-content'
}
}
}
}
</script>