<script setup>
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';

const router = useRouter();
const { t } = useI18n();
</script>
<template>
    <div class="text-center q-pa-md flex flex-center">
        <div>
            <div class="text-grey-5" style="opacity: 0.4; font-size: 30vh">
                <q-icon name="vn:claims" />
            </div>

            <div class="text-h2 text-grey-5" style="opacity: 0.4">{{ t('notFound') }}</div>

            <q-btn
                @click="router.go(-1)"
                :label="t('globals.back')"
                class="q-mt-xl"
                color="primary"
                unelevated
                outline
                no-caps
            />
        </div>
    </div>
</template>
<style lang="scss" scoped></style>
<i18n>
{
    "en": {
        "notFound": "Oops. Nothing here..."
    },
    "es": {
        "notFound": "Vaya. Nada por aquí..."
    }
}
</i18n>
