title: vue-svg-loader removes tags when loading the svg file
body: <p>I left the question on the project's GitHub first but no reaction so I am hoping the SO community can assist. I think there are SVGO options to set in the web pack config but I've had no luck.</p>
  <p><a href="https://github.com/visualfanatic/vue-svg-loader/issues/154" rel="nofollow noreferrer">https://github.com/visualfanatic/vue-svg-loader/issues/154</a></p>
  <p>I am using an SVG in order to create an interactive floor plan.
  The SVG is made of one image object (the floor plan) and several shapes on top of it (that get highlighted on roll over)
  In order for these shapes to be clickable in the component, they have an ID</p>
  <p>When loading this SVG file with the component, everything but the main image is stripped away.</p>
  <p>I have tried a number of configurations in vue.config.js such as</p>
  <pre><code>module.exports = {
      chainWebpack: config =&gt; {
          const svgRule = config.module.rule('svg')  
          svgRule.uses.clear()
          svgRule
              .use('babel-loader')
              .loader('babel-loader')
              .end()
              .use('vue-svg-loader')
              .loader('vue-svg-loader')
              .options({
                  svgo: {
                      plugins: [                                    
                          { collapseGroups: false },
                          { removeEmptyContainers: false },
                          { convertPathData: false },
                          { mergePaths: false },
                          { cleanupIDs: false },
                          { collapseGroups: false },
                          { removeNonInheritableGroupAttrs: false }
                      ]
                  }
              }
          );
      }
  }
  </code></pre>
  <p>The SVG is built like this</p>
  <pre><code>&lt;svg
              xmlns:dc=&quot;http://purl.org/dc/elements/1.1/&quot;
              xmlns:cc=&quot;http://creativecommons.org/ns#&quot;
  ......
  more properties
  ........
              &lt;g
                  inkscape:groupmode=&quot;layer&quot;
                  inkscape:label=&quot;Image&quot;
                  id=&quot;g54&quot;&gt;
                  &lt;image
                  width=&quot;2133.3333&quot;
                  height=&quot;1284&quot;
                  preserveAspectRatio=&quot;none&quot;
                  xlink:href=&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABkAAAAPDCAYAAADrEMd2AAAACXBIWXMAAAsSAAALEgHS3X78AAAg
              AElEQVR4nOy9CZgjd33m/5ZUOvu+Zqbn9Bw+ZmzP+ATbYMB2CGbtYGxIwp1ldyEXu4EA+18gG9gc
              ZPNwJ8sGSJ7liXF
  .....
  .....
  Super long image
  ....
  ....
  
  kSuQmCC
              &quot;
                  id=&quot;floorplanimg&quot;
                  style=&quot;fill:#ffe680&quot; /&gt;
                  &lt;path
                  id=&quot;kitchen&quot;
                  style=&quot;opacity:0;fill:#ffcc00;fill-rule:evenodd&quot;
                  inkscape:label=&quot;OpenSpace&quot;
                  d=&quot;m 555.11237,74.960426 1053.49783,2.025958 2.4071,273.758356 -642.35555,-2.153 -2.28007,161.94959 H 555.11237 Z&quot;
                  sodipodi:nodetypes=&quot;ccccccc&quot;
                  onmouseover=&quot;this.style.opacity=0.4&quot;
                  onmouseout=&quot;this.style.opacity=0&quot; /&gt;
                  &lt;path
                   id=&quot;bedroom&quot;
  .....
  ....
  and many more paths
  ....
  ....
         &lt;/g&gt;
  &lt;/svg&gt;
  </code></pre>
  <p>When imported, I get only the image block and all the path ones are lost.</p>
  <p>Can anyone tell me what I am missing ?</p>
  <p>Thank you</p>