title: How to override global meta tags in a specific template in Nuxt?
body: <p>I am not sure if this is possible but here it comes.</p>
  <p>I have a nuxt.config.js such as (I have changed some information such as content and href attributes for privacy):</p>
  <pre class="lang-js prettyprint-override"><code>head: {
      htmlAttrs: {
        lang: 'de-DE'
      },
      title: 'My Title',
      meta: [
        { charset: 'utf-8' },
        { name: 'viewport', content: 'width=device-width, initial-scale=1' },
        { hid: 'description', name: 'description', content: 'My Content.' },
      ],
      link: [
        { rel: 'icon', type: 'image/png', href: '/images/icons/favicon.png' },
        { rel: 'preload', as: 'style', onload: &quot;this.onload=null;this.rel='stylesheet'&quot;, href: 'mycss' },
        { rel: 'preload', as: 'style', onload: &quot;this.onload=null;this.rel='stylesheet'&quot;, href: 'mycss' },
        { rel: 'dns-prefetch', href: 'https://www.google-analytics.com' }
      ]
    }
  
  </code></pre>
  <p>As you can see I have two preload link tags which includes onload. I am doing some AMP pages for SEO and AMP gives an error for onload.</p>
  <blockquote>
  <p>The attribute 'onload' may not appear in tag 'link rel=preload</p>
  </blockquote>
  <p>So I want to override those link tags only in my AMP pages. What I have tried is head() function for my AMP pages to override global settings however it didn't override and actually added new links.</p>
  <pre class="lang-js prettyprint-override"><code>export default {
    head () {
      return {
         link: [
           // my links
        ]
      }
      
    }
  }
  
  </code></pre>
  <p>I have checked the documentation and looked a few questions here but couldn't find a solution. Is there any way that I can achieve this ?</p>
  <p>PS: I want to keep those 2 links in my global because there are lots of pages that uses it.</p>