title: Set viewport meta-tag in vue.js application
body: <p>For developing and building my project, I use Vue CLI 3.</p>
  
  <p>When building my project, it adds these meta-tags to <code>index.html</code> by default.</p>
  
  <pre><code>&lt;meta charset=utf-8&gt;
  &lt;meta http-equiv=X-UA-Compatible content="IE=edge"&gt;
  &lt;meta name=viewport content="width=device-width,initial-scale=1"&gt;
  </code></pre>
  
  <p>However, for mobile I want to add <code>user-scalable=no</code> to the <code>viewport</code>-tag.</p>
  
  <p>How can I override these meta-Tags? </p>
  
  <p>With <a href="https://github.com/ktquez/vue-head" rel="noreferrer">vue-head</a> and <a href="https://github.com/declandewet/vue-meta" rel="noreferrer">vue-meta</a>, I had no luck. These plugins only add meta-tags instead of overrideing them.</p>