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

[Tempest99]

Я использую плагин 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 записать, например, <i class="fas fa-arrow-left"></i>, но как правильно это сделать, чтобы это отображалось в браузере, я не понял

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