You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
847 B
32 lines
847 B
<template> |
|
<div class="h-full p-4 bg-gray-200"> |
|
<div class="p-4 rounded shadow bg-white"> |
|
<h1 class="font-bold text-3xl">403</h1> |
|
<p class="mt-4">{{ message }}</p> |
|
<p class="mt-4"> |
|
<el-button type="primary" @click="handleLogout()" plain>{{ $t('logout') }}</el-button> |
|
</p> |
|
</div> |
|
</div> |
|
</template> |
|
|
|
<script lang="ts"> |
|
import { defineComponent, ref } from 'vue'; |
|
import { useRouter } from 'vue-router'; |
|
import { useI18n } from 'vue-i18n'; |
|
import { logout } from '@/store/useCurrentUser'; |
|
|
|
export default defineComponent({ |
|
name: 'Page403', |
|
setup() { |
|
const { t } = useI18n(); |
|
const router = useRouter(); |
|
const message = ref(t('error.forbidden')); |
|
const handleLogout = () => { |
|
logout(); |
|
router.push('/login'); |
|
}; |
|
return { message, handleLogout }; |
|
}, |
|
}); |
|
</script>
|
|
|