From fd626f2c82516b4934ec7ddefd7965fb780650f4 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Sun, 2 Feb 2025 21:30:29 +0100
Subject: [PATCH] implement i18n

---
 src/pages/Home.vue | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
index 63ba765..e83f613 100644
--- a/src/pages/Home.vue
+++ b/src/pages/Home.vue
@@ -1,26 +1,29 @@
 <script setup lang="ts">
+import { useI18n } from 'vue-i18n'
+
+const { t } = useI18n()
 </script>
 
 <template>
   <div class="container mx-auto px-4 py-8">
     <div class="max-w-4xl mx-auto text-center space-y-8">
       <h1 class="text-4xl font-bold tracking-tight sm:text-6xl">
-        Find Bitcoin Lightning Payments
+        {{ t('home.title') }}
       </h1>
 
       <p class="text-xl text-muted-foreground">
-        Discover local businesses, services, and venues that accept Bitcoin Lightning payments.
+        {{ t('home.subtitle') }}
       </p>
 
       <div class="flex flex-col sm:flex-row gap-4 justify-center">
         <router-link to="/directory"
           class="inline-flex items-center justify-center rounded-md bg-primary px-6 py-3 text-sm font-medium text-primary-foreground hover:bg-primary/90">
-          Browse Directory
+          {{ t('home.browse') }}
         </router-link>
 
         <router-link to="/faq"
           class="inline-flex items-center justify-center rounded-md border border-input bg-background px-6 py-3 text-sm font-medium hover:bg-accent hover:text-accent-foreground">
-          Learn More
+          {{ t('home.learnMore') }}
         </router-link>
       </div>
     </div>