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

const {t} = useI18n({useScope: 'local'});
</script>

<template>
    <div class="admonition danger" v-if="$route.params.errorPath" role="alert">
        <p class="admonition-title">{{ t('apps.not_found') }}</p>
        <p>
            {{ t('apps.route_not_found', {route: $route.params.errorPath.join('/')}) }}
        </p>
    </div>
    <h1>{{ t('apps.communication') }}</h1>
    <h1>{{ t('apps.accounting') }}</h1>
    <h1>{{ t('apps.ordering') }}</h1>
    <h1>{{ t('apps.stocks') }}</h1>
    <h1>{{ t('apps.monitoring') }}</h1>
</template>

<i18n lang="json" locale="en" src="../locale/en.json"/>
<i18n lang="json" locale="fr" src="../locale/fr.json"/>
