<template> <div class="container"> <h1 v-if="error.statusCode === 404">Page not found</h1> <h1 v-else>An error occured</h1> <nuxt-link to="/">Home page</nuxt-link> </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>