Meta Tags in Nuxt.js

export default {
  // Disable server-side rendering: 
  // https://go.nuxtjs.dev/ssr-mode
  ssr: true,

  // Global page headers: 
  // https://go.nuxtjs.dev/config-head
  head: {
    title: 'gfg',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', 
        content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' },
      { name: 'format-detection', content: 'telephone=no' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
    'view-design/dist/styles/iview.css'
  ],

  // Plugins to run before rendering page: 
  // https://go.nuxtjs.dev/config-plugins
  plugins: [
    '@/plugins/view-ui',
    { src: '~/plugins/vue-datepicker', ssr: false },
    { src: '~/plugins/vue-time', ssr: false },
  ],

  // Auto import components: 
  // https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): 
  // https://go.nuxtjs.dev/config-modules
  buildModules: [
  ],

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
  ],

  // Build Configuration: 
  // https://go.nuxtjs.dev/config-build
  build: {
  }
}

<template>
  <div>
  <h3>This is the Home Page.</h3> 
  <NuxtLink to="/gfg">
      Go to GFG Page
  </NuxtLink>
  </div>
</template>

<script>
  export default {
    head() {
      return {
        title:'Home page',
        script: [
          {
            src:
'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'
          }
        ],
        link: [
          {
            rel: 'stylesheet',
            href:
'https://fonts.googleapis.com/css?family=Roboto&display=swap'
          }
        ]
      }
    }
  }
</script>

<template>
  <div>
  <h3>This is the GFG Page.</h3> 
  <NuxtLink to="/">
      Go to HomePage
  </NuxtLink>
  </div>
</template>

<script>
  export default {
    head() {
      return {
        title:'gfg page',
        script: [
          {
            src:
'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js'
          }
        ],
        link: [
          {
            rel: 'stylesheet',
            href: 
'https://fonts.googleapis.com/css?family=Roboto&display=swap'
          }
        ]
      }
    }
  }
</script>