<script setup></script>
<template>
  <div>
    <v-container fill-height fluid>
      <v-row align="center" justify="center" class="row-height py-10">
        <v-col cols="12" sm="6" lg="4" align="center" justify="center">
          <!-- <img src="@/assets/page-not-found.svg" alt="" /> -->

          <h2 class="text-primary my-15">
            {{ $t("sorryPageNotFound") }}
          </h2>

          <v-btn
            class="bg-accent rounded-xl"
            @click="$router.push({ name: 'home' })"
          >
            {{ $t("goBackHome") }}
          </v-btn>
        </v-col>
      </v-row>
    </v-container>
  </div>
</template>

<style>
.row-height {
  min-height: 60vh;
}
</style>
