implement i18n

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>