VueTube/NUXT/layouts/error.vue

37 lines
869 B
Vue
Raw Permalink Normal View History

2022-01-24 22:56:57 +00:00
<template>
<v-app>
2022-09-03 17:42:21 +00:00
<center style="padding: 10% 0;">
<v-icon size="100">mdi-heart-broken</v-icon>
<h1>Something went wrong</h1>
<v-btn rounded to="/" color="primary darken-2"><v-icon>mdi-restart</v-icon>Restart</v-btn>
<v-btn rounded @click="exit"><v-icon>mdi-close</v-icon>Exit</v-btn>
2022-03-21 23:47:11 +00:00
<div style="margin-top: 5em; color: #999; font-size: 0.75em">
2022-09-03 17:42:21 +00:00
<div style="font-size: 1.4em">Crash Information</div>
<div>Reason: {{ error.message }}</div>
2022-03-21 23:47:11 +00:00
<div>Path: {{ $route.fullPath }}</div>
2022-09-03 17:42:21 +00:00
<div>Code: {{ error.statusCode }}</div>
</div>
</center>
2022-01-24 22:56:57 +00:00
</v-app>
</template>
<script>
2022-09-03 17:42:21 +00:00
import { App } from '@capacitor/app';
2022-01-24 22:56:57 +00:00
export default {
2022-03-21 23:47:11 +00:00
layout: "empty",
2022-01-24 22:56:57 +00:00
props: {
error: {
type: Object,
2022-03-21 23:47:11 +00:00
default: null,
},
},
2022-09-03 17:42:21 +00:00
method: {
exit() {
App.exitApp()
}
}
2022-03-21 23:47:11 +00:00
};
2022-01-24 22:56:57 +00:00
</script>