import/load vue-component in nuxt app at runtime

<template>
  <div v-if="componentReady">
    <component :is="dyncomponent" />       
  </div>
</template>

<script setup lang="ts">
const dyncomponent = shallowRef(null as null | any);
const componentReady = ref(false);

onMounted(async () => {
  try {
    const component = await import('http://localhost:8090/dynComponent.es.js')
    component.install(useNuxtApp().vueApp);
    dyncomponent.value = component.DynComponent;
  } catch (error) {
    console.error(error)
    dyncomponent.value = null
  } finally {
    componentReady.value = true
  }
})

rollupOptions: {
    external: ['vue'],
    output: {
      globals: {
          vue: 'Vue',

      }
    }
  }