mealie/frontend/src/pages/404Page.vue

<template>
  <div class="text-center">
    <v-row>
      <v-col cols="2"></v-col>
      <v-col>
        <v-card height="">
          <v-card-text>
            <h1>{{$t('404.page-not-found')}}</h1>
          </v-card-text>
          <v-btn text block @click="$router.push('/')"> {{$t('404.take-me-home')}} </v-btn>
        </v-card>
      </v-col>
      <v-col cols="2"></v-col>
    </v-row>
  </div>
</template>

<script>
export default {};
</script>

<style lang="scss" scoped>
</style>