Not found page

This commit is contained in:
syuilo 2020-02-06 23:20:59 +09:00
parent 15a41e31b0
commit c2a8e29ef9
3 changed files with 39 additions and 1 deletions

View File

@ -352,6 +352,8 @@ autoReloadWhenDisconnected: "サーバー切断時に自動リロード"
autoNoteWatch: "ノートの自動ウォッチ"
reduceUiAnimation: "UIのアニメーションを減らす"
share: "共有"
notFound: "見つかりません"
notFoundDescription: "指定されたURLに該当するページはありませんでした。"
_2fa:
registerDevice: "デバイスを登録"

View File

@ -0,0 +1,36 @@
<template>
<div class="">
<portal to="icon"><fa :icon="faExclamationTriangle"/></portal>
<portal to="title">{{ $t('notFound') }}</portal>
<section class="_card">
<div class="_title"><fa :icon="faExclamationTriangle"/> {{ $t('notFound') }}</div>
<div class="_content">{{ $t('notFoundDescription') }}</div>
</section>
</div>
</template>
<script lang="ts">
import Vue from 'vue';
import { faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';
import i18n from '../i18n';
export default Vue.extend({
i18n,
metaInfo() {
return {
title: this.$t('notFound') as string
};
},
data() {
return {
faExclamationTriangle
}
},
});
</script>
<style lang="scss" scoped>
</style>

View File

@ -53,7 +53,7 @@ export const router = new VueRouter({
{ path: '/auth/:token', component: page('auth') },
{ path: '/authorize-follow', component: page('follow') },
{ path: '/share', component: page('share') },
/*{ path: '*', component: MkNotFound }*/
{ path: '*', component: page('not-found') }
],
// なんかHacky
// 通常の使い方をすると scroll メソッドの behavior を設定できないため、自前で window.scroll するようにする