fix: html tag should have correct lang attr (#884)
This commit is contained in:
@@ -21,6 +21,8 @@ import { useAppState } from '@/providers/app-state-provider';
|
|||||||
import { PageLoading } from '@/components/loading';
|
import { PageLoading } from '@/components/loading';
|
||||||
import Head from 'next/head';
|
import Head from 'next/head';
|
||||||
import '@affine/i18n';
|
import '@affine/i18n';
|
||||||
|
import { useTranslation } from '@affine/i18n';
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
const ThemeProvider = dynamic(() => import('@/providers/ThemeProvider'), {
|
const ThemeProvider = dynamic(() => import('@/providers/ThemeProvider'), {
|
||||||
ssr: false,
|
ssr: false,
|
||||||
@@ -39,6 +41,11 @@ type AppPropsWithLayout = AppProps & {
|
|||||||
|
|
||||||
const App = ({ Component, pageProps }: AppPropsWithLayout) => {
|
const App = ({ Component, pageProps }: AppPropsWithLayout) => {
|
||||||
const getLayout = Component.getLayout || (page => page);
|
const getLayout = Component.getLayout || (page => page);
|
||||||
|
const { i18n } = useTranslation();
|
||||||
|
|
||||||
|
React.useEffect(() => {
|
||||||
|
document.documentElement.lang = i18n.language;
|
||||||
|
}, [i18n.language]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
|||||||
Reference in New Issue
Block a user