Nuxt.js: Declaring language in HTML tag

Created on 15 Mar 2017 · 8Comments · Source: nuxt/nuxt.js

Since we can set some meta tags in the head in nuxtConfig file, how do we declare html lang attribute in HTML tag like this ?

<html lang="fr" xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml">

_{This question is available on Nuxt.js community (#c338)}

Source

wushan

Most helpful comment

you can edit in nuxt.config.js

module.exports = {
  /**
   * if you want after run npm generate place dist to subdomain on webhost , you should change base 
   */
  router: {
    base: '/',
  },
  /*
  ** Headers of the page
  */
  head: {
    // this htmlAttrs you need
    htmlAttrs: {
      lang: 'zh-Hant',
    },
    title: 'prject',
    meta: [
      { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' },
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'keyword', name: 'keyword', content: 'yoyo' },
      { hid: 'description', name: 'description', content: 'FINPO project' },
    ]
   .....

you can find more setting on vue-meta
https://github.com/declandewet/vue-meta

ausir0726 on 15 Mar 2017

👍19 ❤3 🎉1

All 8 comments

you can edit in nuxt.config.js

module.exports = {
  /**
   * if you want after run npm generate place dist to subdomain on webhost , you should change base 
   */
  router: {
    base: '/',
  },
  /*
  ** Headers of the page
  */
  head: {
    // this htmlAttrs you need
    htmlAttrs: {
      lang: 'zh-Hant',
    },
    title: 'prject',
    meta: [
      { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' },
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'keyword', name: 'keyword', content: 'yoyo' },
      { hid: 'description', name: 'description', content: 'FINPO project' },
    ]
   .....

you can find more setting on vue-meta
https://github.com/declandewet/vue-meta

ausir0726 on 15 Mar 2017

👍19 ❤3 🎉1

@ausir0726 It works like charm. I really should read vue-meta's document first. Thanks !

wushan on 15 Mar 2017

I came here because of the same "problem". I believe the documentation should include it, maybe here: https://nuxtjs.org/guide/views/#document.