Не могу встроить Resdiary на мой сайт nuxt3 без Iframe

У меня возникли проблемы при попытке встроить виджет предварительных нотаций Resdiary с несколькими расположениями.

Я хотел бы встроить его, используя только эти строки:

Я вставил тег скрипта таким образом в app.vue

и на странице, где я хотел, чтобы он отображался, внутри тега шаблона:

Не могу заставить его работать, единственное, что я получаю:

скриншот результата

Я также попробовал на обычной HTML-странице проверить виджет, но получил тот же результат.

Я хотел бы видеть виджет полностью загруженным, как этот: https://booking.resdiary.com/widget/Standard/FraDiavoloMilanoSempione/37876

<div id="rd-widget-frame" style="max-width: 600px; margin: auto;"></div>

<input id="rdwidgeturl" name="rdwidgeturl" value="https://booking.resdiary.com/widget/Standard/LOCATION/IDNUMBER?includeJquery=false" type="hidden">

<script type="text/javascript" src="https://booking.resdiary.com/bundles/WidgetV2Loader.js"></script>

<script setup lang="ts">
useHead({
  script: [
    {
      src: 'https://booking.resdiary.com/bundles/WidgetV2Loader.js',
      // valid options are: 'head' | 'bodyClose' | 'bodyOpen'
      tagPosition: 'bodyClose'
    }
  ]
})
</script>

<div id="rd-widget-frame" style="max-width: 600px; margin: auto;"></div>

<input id="rdwidgeturl" name="rdwidgeturl" value="https://booking.resdiary.com/widget/Standard/LOCATION/IDNUMBER?includeJquery=false" type="hidden">