Added internationalization

This commit is contained in:
Sebastian Seedorf
2022-08-19 19:06:36 +02:00
parent 8227cc631d
commit 33a5b10fe3
13 changed files with 187 additions and 39 deletions

View File

@@ -3,16 +3,20 @@ import type { AppProps } from 'next/app'
import { FC } from 'react'
import Head from 'next/head'
import { useRouter } from 'next/router'
import { IntlProvider } from 'react-intl'
import { useMessages } from '../src/i18n'
const MyApp: FC<AppProps> = ({ Component, pageProps }) => {
const router = useRouter()
const { basePath, locale: _locale } = useRouter()
const messages = useMessages()
const locale = _locale ?? '' in messages ? (_locale as keyof typeof messages) : 'en'
return (
<>
<IntlProvider locale={locale} messages={messages[locale]}>
<Head>
<link rel='icon' href={`${router.basePath}/favicon.ico`} />
<link rel='icon' href={`${basePath}/favicon.ico`} />
</Head>
<Component {...pageProps} />
</>
</IntlProvider>
)
}