How to use a sprocket asset in a Vue component?

Question

Ruby on Rails

An existing project is smoothly transitioning to webpacker and vue. How to use any type of asset, whether it's an assembled svg sprite that is used when rendering in views that Vue doesn't manage, or just a jpg image. I want to use the same sprite from inside the vue component. In general, how are any resources from the app/assets folder connected inside the vue component?
mysupercomponent.vue

<template lang="haml">
<template lang="haml">
%div
  #avatar-pattern
    #title-username {{name}}
    #set-avatar
      %svg
        %use{'xlink:href': "#{asset_path 'icons.svg'}#icons-avatar"}
</template>

this is not
how some_view.html.haml works

<svg><use xlink:href="#{asset_path 'icons.svg'}#icons-search"></use></svg>

that's how it works