From 952b994a0dfe8d36dbd09225602f2b7cdccdf664 Mon Sep 17 00:00:00 2001
From: Nelson Sousa <nelson.sousa@farfetch.com>
Date: Fri, 5 Apr 2024 10:53:52 +0100
Subject: [PATCH] useSpeak usage

---
 i18n/de-DE/home.json           | 8 ++++++++
 i18n/en-US/home.json           | 8 ++++++++
 i18n/it-IT/home.json           | 8 ++++++++
 src/routes/[...lang]/index.tsx | 6 ++++--
 4 files changed, 28 insertions(+), 2 deletions(-)
 create mode 100644 i18n/de-DE/home.json
 create mode 100644 i18n/en-US/home.json
 create mode 100644 i18n/it-IT/home.json

diff --git a/i18n/de-DE/home.json b/i18n/de-DE/home.json
new file mode 100644
index 0000000..26956cd
--- /dev/null
+++ b/i18n/de-DE/home.json
@@ -0,0 +1,8 @@
+{
+  "home": {
+    "head": {
+      "description": "Internationalisierung (i18n) Bibliothek zur Übersetzung von Texten, Daten und Zahlen in Qwik Apps",
+      "title": "{{name}} - DE"
+    }
+  }
+}
diff --git a/i18n/en-US/home.json b/i18n/en-US/home.json
new file mode 100644
index 0000000..258b9f4
--- /dev/null
+++ b/i18n/en-US/home.json
@@ -0,0 +1,8 @@
+{
+  "home": {
+    "head": {
+      "description": "Internationalization (i18n) library to translate texts, dates and numbers in Qwik apps",
+      "title": "{{name}} - EN"
+    }
+  }
+}
diff --git a/i18n/it-IT/home.json b/i18n/it-IT/home.json
new file mode 100644
index 0000000..554293c
--- /dev/null
+++ b/i18n/it-IT/home.json
@@ -0,0 +1,8 @@
+{
+  "home": {
+    "head": {
+      "description": "Libreria di internazionalizzazione (i18n) per tradurre testi, date e numeri nelle app Qwik",
+      "title": "{{name}} - IT"
+    }
+  }
+}
diff --git a/src/routes/[...lang]/index.tsx b/src/routes/[...lang]/index.tsx
index fcfc3b5..c313d1c 100644
--- a/src/routes/[...lang]/index.tsx
+++ b/src/routes/[...lang]/index.tsx
@@ -6,6 +6,7 @@ import {
   useFormatDate,
   useFormatNumber,
   useRelativeTime,
+  useSpeak,
   useSpeakLocale
 } from 'qwik-speak';
 
@@ -25,6 +26,7 @@ export const SubTitle = () => {
 };
 
 export default component$(() => {
+  useSpeak({ assets: ['home'] });
   const t = inlineTranslate();
   const p = inlinePlural();
 
@@ -83,11 +85,11 @@ export const head: DocumentHead = () => {
   const t = inlineTranslate();
 
   return {
-    title: t('app.head.home.title', { name: 'Qwik Speak' }),
+    title: t('home.head.title', { name: 'Qwik Speak' }),
     meta: [
       {
         name: 'description',
-        content: t('app.head.home.description')
+        content: t('home.head.description')
       }
     ],
   };