Remove i18n, keep only Italian and rely on browser translation

The interface was translated in en/it/es/fr via @nuxtjs/i18n. Drop the
module, the locale files, and the language switcher: the UI is now
static Italian text, with translation for foreign visitors left to the
Google Translate browser extension instead of the app.

frontend/app/pages/blog/[slug].vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { Article } from '#shared/types/blog'
 
-const { locale } = useI18n()
 const route = useRoute()
 const slug = route.params.slug as string
 
@@ -53,13 +52,13 @@ useHead({
 <template>
   <article v-if="article">
     <header class="article-header">
-      <nav class="kicker" :aria-label="$t('article.breadcrumb')">
-        <NuxtLinkLocale to="/blog">{{ $t('list.articles') }}</NuxtLinkLocale>
+      <nav class="kicker" aria-label="Percorso di navigazione">
+        <NuxtLink to="/blog">Articoli</NuxtLink>
         <template v-if="article.category">
           <span aria-hidden="true"> / </span>
-          <NuxtLinkLocale :to="`/category/${article.category.slug}`">
+          <NuxtLink :to="`/category/${article.category.slug}`">
             {{ article.category.name }}
-          </NuxtLinkLocale>
+          </NuxtLink>
         </template>
       </nav>
 
@@ -67,11 +66,11 @@ useHead({
 
       <p class="kicker date">
         <time :datetime="isoDate(article.publishedAt)">
-          {{ formatDateTime(article.publishedAt, locale) }}
+          {{ formatDateTime(article.publishedAt) }}
         </time>
         <template v-if="article.author">
           <span aria-hidden="true"> · </span>
-          <span>{{ $t('article.by', { name: article.author }) }}</span>
+          <span>Di {{ article.author }}</span>
         </template>
       </p>
     </header>
@@ -89,7 +88,7 @@ useHead({
     <div class="prose" v-html="article.html" />
 
     <p class="back">
-      <NuxtLinkLocale to="/blog">{{ $t('article.back') }}</NuxtLinkLocale>
+      <NuxtLink to="/blog">Torna a tutti gli articoli</NuxtLink>
     </p>
   </article>
 </template>

frontend/app/pages/blog/index.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ArticleSummary, Paginated } from '#shared/types/blog'
 
-const { t } = useI18n()
 const route = useRoute()
 
 const page = computed(() => {
@@ -19,8 +18,8 @@ const canonical = computed(
 )
 
 useSeoMeta({
-  title: () => (page.value > 1 ? t('list.articlesPage', { page: page.value }) : t('list.articles')),
-  description: () => t('list.archiveDescription'),
+  title: () => (page.value > 1 ? `Articoli — pagina ${page.value}` : 'Articoli'),
+  description: 'Tutti gli articoli pubblicati sul blog.',
   ogType: 'website',
 })
 
@@ -30,15 +29,15 @@ useHead({ link: [{ rel: 'canonical', href: canonical }] })
 <template>
   <div>
     <header class="page-header">
-      <p class="kicker">{{ $t('list.archive') }}</p>
-      <h1>{{ $t('list.articles') }}</h1>
+      <p class="kicker">L'archivio</p>
+      <h1>Articoli</h1>
     </header>
 
-    <p v-if="error">{{ $t('list.failed') }}</p>
+    <p v-if="error">Non è stato possibile caricare gli articoli. Riprova più tardi.</p>
 
-    <p v-else-if="status === 'pending'">{{ $t('list.loading') }}</p>
+    <p v-else-if="status === 'pending'">Caricamento…</p>
 
-    <p v-else-if="!data?.items.length">{{ $t('list.empty') }}</p>
+    <p v-else-if="!data?.items.length">Non è stato ancora pubblicato nulla.</p>
 
     <template v-else>
       <ul class="card-grid">
@@ -47,19 +46,19 @@ useHead({ link: [{ rel: 'canonical', href: canonical }] })
         </li>
       </ul>
 
-      <nav v-if="data.pageCount > 1" class="pagination" :aria-label="$t('pagination.label')">
+      <nav v-if="data.pageCount > 1" class="pagination" aria-label="Paginazione">
         <NuxtLink v-if="data.page > 1" :to="{ query: { page: data.page - 1 } }" rel="prev">
-          {{ $t('pagination.previous') }}
+          Pagina precedente
         </NuxtLink>
         <span class="muted">
-          {{ $t('pagination.position', { page: data.page, total: data.pageCount }) }}
+          Pagina {{ data.page }} di {{ data.pageCount }}
         </span>
         <NuxtLink
           v-if="data.page < data.pageCount"
           :to="{ query: { page: data.page + 1 } }"
           rel="next"
         >
-          {{ $t('pagination.next') }}
+          Pagina successiva
         </NuxtLink>
       </nav>
     </template>

frontend/app/pages/category/[slug].vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ArticleSummary, Paginated, Category } from '#shared/types/blog'
 
-const { t } = useI18n()
 const route = useRoute()
 const slug = route.params.slug as string
 
@@ -27,7 +26,7 @@ const canonical = computed(
 
 useSeoMeta({
   title: category.value.name,
-  description: () => t('list.categoryDescription', { name: category.value?.name ?? '' }),
+  description: () => `Tutti gli articoli nella categoria ${category.value?.name ?? ''}.`,
   ogType: 'website',
 })
 
@@ -37,13 +36,13 @@ useHead({ link: [{ rel: 'canonical', href: canonical }] })
 <template>
   <div>
     <header class="page-header">
-      <p class="kicker">{{ $t('list.category') }}</p>
+      <p class="kicker">Categoria</p>
       <h1>{{ category?.name }}</h1>
     </header>
 
-    <p v-if="error">{{ $t('list.failed') }}</p>
+    <p v-if="error">Non è stato possibile caricare gli articoli. Riprova più tardi.</p>
 
-    <p v-else-if="!data?.items.length">{{ $t('list.categoryEmpty') }}</p>
+    <p v-else-if="!data?.items.length">Non ci sono articoli in questa categoria.</p>
 
     <template v-else>
       <ul class="card-grid">
@@ -52,19 +51,19 @@ useHead({ link: [{ rel: 'canonical', href: canonical }] })
         </li>
       </ul>
 
-      <nav v-if="data.pageCount > 1" class="pagination" :aria-label="$t('pagination.label')">
+      <nav v-if="data.pageCount > 1" class="pagination" aria-label="Paginazione">
         <NuxtLink v-if="data.page > 1" :to="{ query: { page: data.page - 1 } }" rel="prev">
-          {{ $t('pagination.previous') }}
+          Pagina precedente
         </NuxtLink>
         <span class="muted">
-          {{ $t('pagination.position', { page: data.page, total: data.pageCount }) }}
+          Pagina {{ data.page }} di {{ data.pageCount }}
         </span>
         <NuxtLink
           v-if="data.page < data.pageCount"
           :to="{ query: { page: data.page + 1 } }"
           rel="next"
         >
-          {{ $t('pagination.next') }}
+          Pagina successiva
         </NuxtLink>
       </nav>
     </template>

frontend/app/pages/index.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { ArticleSummary, Paginated } from '#shared/types/blog'
 
-const { t, locale } = useI18n()
-
 const { data, error } = await useFetch<Paginated<ArticleSummary>>('/api/articles', {
   key: 'home-articles',
   query: { page: 1 },
@@ -24,9 +22,9 @@ useHead({ titleTemplate: '%s', link: [{ rel: 'canonical', href: canonical }] })
 
 useSeoMeta({
   title: SITE_NAME,
-  description: () => t('site.tagline'),
+  description: 'Articoli, guide e analisi.',
   ogTitle: SITE_NAME,
-  ogDescription: () => t('site.tagline'),
+  ogDescription: 'Articoli, guide e analisi.',
   ogType: 'website',
   ogUrl: canonical,
   ogImage: `${config.siteUrl}/logo.png`,
@@ -35,13 +33,13 @@ useSeoMeta({
 
 <template>
   <div>
-    <p v-if="error">{{ $t('list.failed') }}</p>
+    <p v-if="error">Non è stato possibile caricare gli articoli. Riprova più tardi.</p>
 
-    <p v-else-if="!featured">{{ $t('list.empty') }}</p>
+    <p v-else-if="!featured">Non è stato ancora pubblicato nulla.</p>
 
     <template v-else>
       <article class="featured" :class="{ 'has-cover': featuredCover }">
-        <NuxtLinkLocale
+        <NuxtLink
           v-if="featuredCover"
           class="featured-cover"
           :to="`/blog/${featured.slug}`"
@@ -54,30 +52,30 @@ useSeoMeta({
             :width="featured.cover?.width ?? undefined"
             :height="featured.cover?.height ?? undefined"
           >
-        </NuxtLinkLocale>
+        </NuxtLink>
 
         <div class="featured-text">
           <p class="kicker">
-            {{ featured.category ? featured.category.name : $t('home.latest') }}
+            {{ featured.category ? featured.category.name : 'Ultimo' }}
           </p>
           <h1>
-            <NuxtLinkLocale :to="`/blog/${featured.slug}`">{{ featured.title }}</NuxtLinkLocale>
+            <NuxtLink :to="`/blog/${featured.slug}`">{{ featured.title }}</NuxtLink>
           </h1>
           <p class="kicker date">
             <time :datetime="isoDate(featured.publishedAt)">
-              {{ formatDate(featured.publishedAt, locale) }}
+              {{ formatDate(featured.publishedAt) }}
             </time>
           </p>
           <p class="read-more">
-            <NuxtLinkLocale :to="`/blog/${featured.slug}`">
-              {{ $t('home.readArticle') }}
-            </NuxtLinkLocale>
+            <NuxtLink :to="`/blog/${featured.slug}`">
+              Leggi l'articolo
+            </NuxtLink>
           </p>
         </div>
       </article>
 
       <template v-if="rest.length">
-        <h2 class="section-heading kicker">{{ $t('home.moreStories') }}</h2>
+        <h2 class="section-heading kicker">Altri articoli</h2>
 
         <ul class="card-grid">
           <li v-for="article in rest" :key="article.slug">
@@ -87,7 +85,7 @@ useSeoMeta({
       </template>
 
       <p class="more">
-        <NuxtLinkLocale to="/blog">{{ $t('home.viewAll') }}</NuxtLinkLocale>
+        <NuxtLink to="/blog">Vedi tutti gli articoli</NuxtLink>
       </p>
     </template>
   </div>