Как использовать ассет из sprocket в компоненте Vue?

Question

[Антон Мисягин]

Существующий проект плавно переходит на webpacker и vue. Как использовать любой из видов ассетов, будь то собранный svg спрайт, который используется при рендере во вьюхах, которыми не рулит Vue, или просто jpg картинка. Хочу этот же спрайт использовать изнутри компонента vue. В общем как подключаются любые ресурсы из папки app/assets внутрь компонента vue?
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>

так не работает
some_view.html.haml

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

так работает