After a component is mounted I am unable to navigate through the website. The nav bar still changes the route however does not load other components.

<script>
import { SimplyBookWidget } from '../components/SimplyBook'
export default {
  data () {
    return {
      SimplyBookWidget
  }
},
mounted () { // eslint-disable-next-line
  const SimplyBookWidget = new SimplybookWidget({"widget_type":"iframe","url":"https:\/\/xxxxxxx.simplybook.it","theme":"dainty","theme_settings":{"timeline_show_end_time":"1","timeline_hide_unavailable":"1","hide_past_days":"0","sb_base_color":"#13445b","secondary_color":"#e4ebf5","sb_text_color":"#13445b","display_item_mode":"block","body_bg_color":"#fefbe9","sb_background_image":"","sb_review_image":"","dark_font_color":"#13445b","light_font_color":"#ffffff","sb_company_label_color":"#ffffff","sb_cancellation_color":"#ff7a93","hide_img_mode":"0"},"timeline":"modern","datepicker":"top_calendar","is_rtl":false,"app_config":{"allow_switch_to_ada":0,"predefined":[]}});       
 }
}
</script>


<div class="container-fluid">
  <iframe scrolling="no" class="sb-widget-iframe" width="100%" border="0" frameborder="0" src="https://laoenglishschool.simplybook.it/v2/#book" name="widget_0.6231945302736706" id="widget_0.6231945302736706" height="1120"></iframe>
</div>