title: Use SVG from node_modules
body: <p>I created a node_module with all svg files to modularize our architecture.</p>
  
  <p>It works fine when I call it using:</p>
  
  <pre><code>&lt;q-icon&gt;
    &lt;svg&gt;
      &lt;use xlink:href="~svgmodule/svgs/icons.svg#addicon"&gt;&lt;/use&gt;
    &lt;/svg&gt;
  &lt;/q-icon&gt;
  </code></pre>
  
  <p>However when doing like this:</p>
  
  <pre><code>&lt;q-icon&gt;
    &lt;svg&gt;
      &lt;use :xlink:href="'~svgmodule/svgs/icons.svg#' + iconParameter"&gt;&lt;/use&gt;
    &lt;/svg&gt;
  &lt;/q-icon&gt;
  </code></pre>
  
  <p>And <code>iconParameter</code> is defined below as:</p>
  
  <pre><code>iconParameter: 'addicon'
  </code></pre>
  
  <p>This is the error I am getting:</p>
  
  <pre><code>vue.runtime.esm.js?0594:6757 GET http://localhost:8080/~svgmodule/svgs/icons.svg net::ERR_ABORTED 404 (Not Found)
  </code></pre>
  
  <p>I also tried this and it works:</p>
  
  <pre><code>&lt;use xlink:href="../../../../../../../../node_modules/svgmodule/svgs/icons.svg#addicon"&gt;&lt;/use&gt;
  </code></pre>
  
  <p>But this one doesnt:</p>
  
  <pre><code>&lt;use :xlink:href="'../../../../../../../../node_modules/svgmodule/svgs/icons.svg#' + iconParameter"&gt;&lt;/use&gt;
  </code></pre>
  
  <p>Nor</p>
  
  <pre><code>&lt;use :xlink:href="'../../../../../../../../node_modules/svgmodule/svgs/icons.svg#addicon'"&gt;&lt;/use&gt;
  </code></pre>
  
  <p>Help!!</p>