useSpeak usage

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"
+    }
+  }
+}

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"
+    }
+  }
+}

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"
+    }
+  }
+}

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')
       }
     ],
   };