SabreCat
70 lines
1.5 KiB
Vue
70 lines
1.5 KiB
Vue
<template>
|
|
<div class="row">
|
|
<div class="col-6 text-center mx-auto mb-5">
|
|
<!-- @TODO i18n. How to setup the strings with the router-link inside?-->
|
|
<img
|
|
class="my-5"
|
|
src="~@/assets/images/404.png"
|
|
>
|
|
<div v-if="retiredChatPage">
|
|
<h1>
|
|
{{ $t('tavernDiscontinued') }}
|
|
</h1>
|
|
<p>{{ $t('tavernDiscontinuedDetail') }}</p>
|
|
<p v-html="$t('tavernDiscontinuedLinks')"></p>
|
|
</div>
|
|
<div v-else>
|
|
<h1>
|
|
Sometimes even the bravest adventurer gets lost.
|
|
</h1>
|
|
<p>
|
|
Looks like this link is broken or the page may have moved, sorry!
|
|
</p>
|
|
<p>
|
|
Head back to the
|
|
<router-link to="/">
|
|
Homepage
|
|
</router-link>or
|
|
<router-link :to="contactUsLink">
|
|
Contact Us
|
|
</router-link>about the issue.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapState } from '@/libs/store';
|
|
|
|
export default {
|
|
computed: {
|
|
...mapState(['isUserLoggedIn']),
|
|
contactUsLink () {
|
|
if (this.isUserLoggedIn) {
|
|
return { name: 'guild', params: { groupId: 'a29da26b-37de-4a71-b0c6-48e72a900dac' } };
|
|
}
|
|
return { name: 'contact' };
|
|
},
|
|
retiredChatPage () {
|
|
return this.$route.fullPath.indexOf('/groups') !== -1;
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
@import '~@/assets/scss/colors.scss';
|
|
|
|
h1 {
|
|
color: $purple-200;
|
|
margin-bottom: 1rem;
|
|
}
|
|
|
|
p {
|
|
font-size: 18px;
|
|
line-height: 1.77;
|
|
}
|
|
|
|
</style>
|