<template>
  <main class="container">
    <section class="hero">
      <h1>{{ t('home.title') }}</h1>
      <p>{{ t('home.subtitle') }}</p>
      <nav class="grid">
        <NuxtLink class="card" to="/objets">{{ t('nav.objets') }}</NuxtLink>
        <NuxtLink class="card" to="/emplacements">{{ t('nav.emplacements') }}</NuxtLink>
        <NuxtLink class="card" to="/categories">{{ t('nav.categories') }}</NuxtLink>
        <NuxtLink class="card" to="/settings">{{ t('nav.settings') }}</NuxtLink>
        <NuxtLink class="card" to="/debug">{{ t('nav.debug') }}</NuxtLink>
      </nav>
    </section>
  </main>
</template>

<script setup lang="ts">
const { t } = useI18n()
</script>
