title: vue get all images within component that are not part of a child component
body: <p>I have a vue mixin to inline svg images:</p>
  
  <pre><code>Vue.mixin({
      mounted: function () {
          for (let image of document.images as any) {
              if (!image.src.endsWith('.svg') || (!image.classList.contains('svg') &amp;&amp; !image.parentNode.classList.contains('svg'))) continue
              inlineSvg(image)
          }
      }
  })
  </code></pre>
  
  <p>Unfortunately the function gets called on all images when a component mounts instead of only its own images.</p>
  
  <p>What can I replace <code>document.images</code> with to only get the images within the component?  (Not including images of child components since they should be handled during their own mounted event)</p>