Мой фрагмент javascript загружается только при первом рендеринге страницы в nuxt
У меня есть страница nuxt с описанием географической точки, и я хочу добавить фрагмент с сайта booking.com, поэтому я вставляю его так:
<template>
<div class="flex justify-center flex-col items-center">
<ins
class="bookingaff"
data-aid="****"
data-target_aid="****"
data-prod="map"
data-width="100%"
data-height="590"
data-lang="ualng"
data-dest_id="0"
data-dest_type="landmark"
:data-latitude="poi.lat"
:data-longitude="poi.lon"
data-mwhsb="0"
>
<!-- Anything inside will go away once widget is loaded. -->
<a href="//www.booking.com?aid=****">Booking.com</a>
</ins>
</section>
</div>
</template>
и в головной части моей страницы nuxt я добавляю сценарий следующим образом:
head: {
script: [
{ src: "//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js" },
]
},
Он хорошо работает при первом входе на страницу, но затем, когда я снова вхожу на страницу или выбираю другую географическую точку, у меня есть только альтернативная ссылка на booking.com. Я неправильно вставил этот фрагмент или есть что-то другое?