<template>
<q-page-container>
  <q-page class="row" padding>
    <q-scroll-area class="content col text-center">
      <p>
        <img src="/sad.svg" alt="404 illustration" style="width:30vw;max-width:150px;" />
      </p>
      <p class="text-faded">Sorry, nothing here...
        <strong>(404)</strong>
      </p>
      <q-btn color="secondary" style="width:200px;" @click="$router.push('/')">Go home</q-btn>
      <d-footer-outlet />
    </q-scroll-area>
  </q-page>
</q-page-container>
</template>

<script setup>
import DFooterOutlet from 'components/DFooterOutlet.vue'
</script>
