Next-translate: Initialize page with correct "HTML" lang attribute

Created on 24 May 2020 · 5Comments · Source: vinissimus/next-translate

Hello!

Issue description:
I load a page with the subpath "/de/*" (which is not my default language) and i would like the "HTML" language attribute to change to "de" accordingly and be sure to have this always in sync.

Background:
This issue is (for me) related to #155 (html lang tag does not change when changing language) - thanks for patching it, but for the initial value not after a navigation / changing the language.

Thank you in advance for crafting this library and please let me know if i can or should provide any additional information.

enhancement

Source

dnepro

All 5 comments

Right now is possible to workaround this using this:

https://github.com/vinissimus/next-translate/issues/133#issuecomment-619415454

If it's useful, we can provide this helper from the library.

aralroca on 25 May 2020

👍1

Thanks @aralroca! It solves the Issue.

I think it would be best to include it and add it in to the docs, so nobody else will open this question again

dnepro on 25 May 2020

❤1

It make sense! Thanks @dnepro

aralroca on 25 May 2020

@dnepro on 0.17.0-canary.1 is available the helper:

import Document, { Html, Head, Main, NextScript } from 'next/document'
import documentLang from 'next-translate/documentLang'

export default class MyDocument extends Document {
  render() {
    return (
      <Html lang={documentLang(this.props)}>
        <Head />
        <body>
          <Main />
          <NextScript />
        </body>
      </Html>
    )
  }
}

aralroca on 26 May 2020

❤1

Thank you it works like a charm!

dnepro on 28 May 2020

❤1

Was this page helpful?

0 / 5 - 0 ratings