Detect browser language

First of all, thanks for this module, is pretty useful! 👍

Now, it would be great if the module is able to detect the browser language and redirect to the user accordingly, so for example, if my browser has the english language enabled, I’d be redirected to '/en'.

I wrote my own middleware for that:

export default function ({ isHMR, app, store, route, params, req, error, redirect }) {
  if (isHMR) return

  if (req) {
    if (route.name) {
      let locale = req.headers['accept-language'].split(',')[0].toLocaleLowerCase().substring(0, 2)

      if (locale === 'en') { // In my case I just care about English or German but of course that line should be a condition to detect if the locale is part of the locales array in the configuration
        app.i18n.locale = locale

        if (params && Object.keys(params).length === 0 && params.constructor === Object) {
          redirect(app.localePath(app.getRouteBaseName()))
        } else {
          redirect(app.localePath({name: app.getRouteBaseName(), params: params}))
        }
      }
    }
  }
}

But I think it would be better if this can be done by the module itself, maybe as an option in the configuration, something like detectBrowserLanguage: true

What do you think?

<div align="right">_{This question is available on Nuxt.js community (#c32)}</div>

[amrshakya]

detectBrowserLanguage: { useCookie: true, cookieKey: ‘i18n_lang_cookie’ },

i did set detectBrowserLanguage but it didn’t work as it should. like if i select german language i would expect site to be loaded in german language but, it still loads in english.

[paulgv]

Awesome! Thank you @eddiesigner! I’ve added this feature in v2.5.0, it’s pretty much all your code with the addition of some cookie handling to prevent redirecting users every time they load a page if they chose another language.