error.vue 580 B

12345678910111213141516171819202122232425262728
  1. <template>
  2. <main>
  3. <div v-if="error">
  4. <CommonErrorNotFound v-if="error.statusCode === 404" />
  5. </div>
  6. <nuxt-link to="/">
  7. <v-btn class="ot-button"> Retour </v-btn>
  8. </nuxt-link>
  9. </main>
  10. </template>
  11. <script setup lang="ts">
  12. import type { NuxtError } from '#app'
  13. const error: Ref<NuxtError | null | undefined> = useError()
  14. </script>
  15. <style lang="scss">
  16. .ot-button {
  17. border-radius: 6px;
  18. height: 48px;
  19. font-size: 0.8rem;
  20. font-weight: 300;
  21. background: var(--secondary-color) !important;
  22. color: var(--on-neutral-color) !important;
  23. }
  24. </style>