{"library":"vue-safe-teleport","type":"library","category":null,"description":"vue-safe-teleport is a utility package for Vue 3 applications that enhances the built-in `<Teleport>` component to prevent common runtime errors related to target availability. It provides `<SafeTeleport>` and `<TeleportTarget>` components, ensuring that content is only teleported once its designated target DOM element is fully mounted and available. The current stable version is `0.1.2`. While the package is relatively new, its recent bug fixes (e.g., v0.1.2 for import extensions) indicate active maintenance. Key differentiators include its explicit `TeleportTarget` component for robust target registration and a fallback single-frame delay when using `SafeTeleport` with a standard DOM selector, directly addressing the \"Failed to locate Teleport target with selector\" issue that frequently arises from race conditions in component lifecycles. It aims to be a drop-in replacement for `<Teleport>` with added safety.","language":"javascript","status":"active","version":"0.1.2","tags":["javascript","typescript"],"last_verified":"Wed May 27","install":[{"cmd":"npm install vue-safe-teleport","imports":["import VueSafeTeleport from 'vue-safe-teleport'","import { SafeTeleport } from 'vue-safe-teleport'","import { TeleportTarget } from 'vue-safe-teleport'"]},{"cmd":"yarn add vue-safe-teleport","imports":[]},{"cmd":"pnpm add vue-safe-teleport","imports":[]}],"homepage":null,"github":"https://github.com/Akryum/vue-safe-teleport","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/vue-safe-teleport","openapi_spec":null,"status_page":null,"smithery":null,"compatibility":{"summary":{"python_range":"18–22","success_rate":0,"avg_install_s":null,"avg_import_s":null,"wheel_type":null},"url":"https://checklist.day/v1/registry/vue-safe-teleport/compatibility"}}