Nuxt/examples/dynamic-layouts/layouts/error.vue

37 lines
543 B
Vue

<template>
<div class="container">
<h1 v-if="error.statusCode === 404">
Page not found
</h1>
<h1 v-else>
An error occurred
</h1>
<NuxtLink to="/">
Home page
</NuxtLink>
</div>
</template>
<script>
export default {
layout: ({ isMobile }) => isMobile ? 'mobile' : 'default',
props: {
error: {
type: Object,
default: null
}
}
}
</script>
<style scoped>
.container {
font-family: sans-serif;
padding-top: 10%;
text-align: center;
}
h1 {
font-size: 20px;
}
</style>