Using teleport

[pdmshrestha]

Hi, is there a workaround for adding components to story which uses teleport?

[pdmshrestha]

By adding required element to dom using global setup helped me. https://histoire.dev/guide/vue3/app-setup.html#global-setup

[adriangube]

@pdmshrestha How did you solve the issue? I'm facing a similar one. I'm trying to use a teleport to the body but it's not working. Any ideas?

[pdmshrestha]

It worked me by adding the element using addWrapper function.

export const setupVue3 = defineSetupVue3(({ app, addWrapper }) => {
  addWrapper(HistoireApp);
});

// HistoireApp.vue
<template>
  <div class="histoireapp">
    <div id="my-teleport-target"></div>

    <slot></slot>
  </div>
</template>