example usage of useTranslation inside generateMetadata (#1199)

* added second-page-title to locales/ca/common.json

* added second-page-title to locales/es/common.json

* added second-page-title to locales/en/common.json

* added generateMetadata with usage of useTranslation

examples/with-app-directory/locales/ca/common.json

@@ -1,6 +1,7 @@
 {
   "title": "Llibreria next-translate",
   "second-page": "Segona <0>pàgina</0>",
+  "second-page-title": "Títol Segona Pàgina",
   "loading": "Carregant...",
   "layout-title": "Títol de la pàgina (del layout)"
 }

examples/with-app-directory/locales/en/common.json

@@ -1,6 +1,7 @@
 {
   "title": "next-translate library",
   "second-page": "Second <0>page</0>",
+  "second-page-title": "Second Page Title",
   "loading": "Loading...",
   "layout-title": "Layout title"
 }

examples/with-app-directory/locales/es/common.json

@@ -1,6 +1,7 @@
 {
   "title": "Librería next-translate",
   "second-page": "Segunda <0>página</0>",
+  "second-page-title": "Título Segunda Página",
   "loading": "Cargando...",
   "layout-title": "Título de la página (del layout)"
 }

examples/with-app-directory/src/app/[lang]/second-page/page.tsx

@@ -1,6 +1,15 @@
 import Link from 'next/link'
 import useTranslation from 'next-translate/useTranslation'
 import Trans from 'next-translate/Trans'
+import { Metadata } from "next";
+
+export function generateMetadata(): Metadata {
+  const { t } = useTranslation("common");
+
+  return {
+    title: t`second-page-title`
+  };
+}
 
 export default function Page() {
   const { t, lang } = useTranslation('common')