Как в Vue Carousel 3D добавить свои стрелки навигации?

Question

[Norum]

Я использую плагин Vue Carousel 3D для создания галереи, но столкнулся с проблемой, что не могу поменять стрелки навигации. Стандартные стрелки можно заменить через спецсимволы html

<div id="example">
                                <carousel-3d  :controls-visible="true" :controls-visible="true" :controls-prev-html="'←'" :controls-next-html="'→'" 
                                    :controls-width="40" :controls-height="40"  
                                         :clickable="true" :perspective="200"  :display="7" :space="25"> 
                                    <slide v-for="(slide, i) in slides" :index="i">
                                      <figure>
                                         <img :src="slide.src">
                                      </figure>
                                   </slide>
 
                              </carousel-3d>
</div>

Но я хочу заменить их на символы с Font Awesome. То есть по сути надо в controls-prev-html и controls-next-html записать, например, , но как правильно это сделать, чтобы это отображалось в браузере, я не понял

Весь код https://jsfiddle.net/f5u1dx7w/
Сам сайт tempesv0.beget.tech