Add multilingual support with English, Spanish, and French translations; update Nuxt configuration and package dependencies

app/components/tool/Uses.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-const { t } = useI18n({ useScope: 'local' })
+const { t } = useI18n()
 
 const { data: items } = await useAsyncData('uses', async () => await queryCollection('uses').all())
 const { data: categories } = await useAsyncData('categories', async () => await queryCollection('usesCategories').all())
@@ -8,7 +8,7 @@ const { data: categories } = await useAsyncData('categories', async () => await
 <template>
   <section>
     <div class="prose dark:prose-invert">
-      <p>{{ t('description') }}</p>
+      <p>{{ t('uses') }}</p>
     </div>
     <div v-if="items" class="space-y-12 mt-4">
       <UsesList v-for="category in categories" :key="category.id" :title="category.name">
@@ -21,17 +21,3 @@ const { data: categories } = await useAsyncData('categories', async () => await
     </div>
   </section>
 </template>
-
-<i18n lang="json">
-{
-  "en": {
-    "description": "Here is a comprehensive list of all the software I use, gadgets I love, and other things I recommend."
-  },
-  "fr": {
-    "description": "Voici une grande liste de tous mes logiciels que j'utilise, gadgets que j'adore et autres choses que je recommande."
-  },
-  "es": {
-    "description": "Aquí hay una gran lista de todo el software que uso, gadgets que amo y otras cosas que recomiendo."
-  }
-}
-</i18n>