{"version":3,"file":"error-component.aede5900.js","sources":["../../../../error.vue"],"sourcesContent":["<template>\n  <div class=\"app-layout is-404\">\n    <app-header />\n    <div class=\"app-layout__main\">\n      <div class=\"app-layout__error\">\n        <p class=\"app-layout__error-title is-title is-size-1\">404</p>\n        <p class=\"app-layout__error-message is-text is-size-2\">Page not found</p>\n        <div class=\"app-layout__error-cta\">\n          <ui-button tag=\"app-link\" to=\"/\">Back to homepage</ui-button>\n        </div>\n      </div>\n    </div>\n    <app-footer />\n    <site-icons />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from \"#imports\";\nimport AppHeader from \"~/components/global/layout/AppHeader.vue\";\nimport AppFooter from \"~/components/global/layout/AppFooter.vue\";\nimport SiteIcons from \"~/components/global/elements/SiteIcons.vue\";\nconst props = defineProps({\n  error: {\n    type: Object,\n    default: null,\n  },\n});\nconst message = computed(\n  () => (props.error && props.error.message) || \"<%= messages.client_error %>\"\n);\n</script>\n\n<style lang=\"scss\" scoped>\n.app-layout {\n  display: grid;\n  grid-template-rows: max-content 1fr max-content;\n  min-height: 100vh;\n\n  &__main {\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding-top: rem(60);\n    padding-bottom: rem(60);\n  }\n\n  &__error {\n    text-align: center;\n\n    &-message {\n      margin-top: 0.5em;\n      margin-bottom: 2em;\n    }\n  }\n}\n\n.ui-button {\n  background-color: green;\n}\n\n.ui-button:hover {\n  background-color: darken(green, 10%);\n}\n</style>\n"],"names":["computed","props"],"mappings":"owCA4BgB,OAAAA,EACd,IAAOC,EAAM,OAASA,EAAM,MAAM,SAAY,8BAChD"}