can’t embed Resdiary on my nuxt3 website without an Iframe

i’m having troubles trying to embed the Resdiary prenotation widget with multiple locations.

I would like to embed it just using these lines:

<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>

I inserted the script tag this way in the app.vue

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

and in the page where i wanted it to display, inside the template tag:

<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">

can’t get it to work, only thing i get is:

screenshot of result

I also tried on plain HTML page to check the widget but got the same result.

i would like to see the widget fully loaded like this one: https://booking.resdiary.com/widget/Standard/FraDiavoloMilanoSempione/37876