{"type":"rich","version":"1.0","provider_name":"Transistor","provider_url":"https://transistor.fm","author_name":"DejaVue","title":"Teleports and When to Use Them","html":"<iframe width=\"100%\" height=\"180\" frameborder=\"no\" scrolling=\"no\" seamless src=\"https://share.transistor.fm/e/170b8468\"></iframe>","width":"100%","height":180,"duration":1826,"description":"Welcome to the fourth episode of DejaVue! From a Nuxt topic last week, Michael and Alex jump into a plain Vue.js topic again, or would you say... teleport?Yes, correct! The Teleports feature from Vue 3 will be explored - from its use cases to the native HTML dialog tag. The two hosts also cover how Teleports were created, even back in Vue 2, and talk about a Nuxt implementation too.Learn more about Teleports in this episode of DejaVue! Post-podcast note: The Popover API is now available in all major browsers! ChaptersLinks and ResourcesTeleports Vue.js DocsHeadless UIThe Dialog ElementPopovers (Now available)Portal Vue package (needed in Vue 2)Evan You on SSR Teleports#teleports in NuxtSuspense + Teleports Issue","thumbnail_url":"https://img.transistorcdn.com/X-XqySYPSn0K4y9YEu8cIiAjVwWPg5ywJAmtmcXm12Q/rs:fill:0:0:1/w:400/h:400/q:60/mb:500000/aHR0cHM6Ly9pbWct/dXBsb2FkLXByb2R1/Y3Rpb24udHJhbnNp/c3Rvci5mbS9zaG93/LzUxMTc1LzE3MTEy/MzU4NDMtYXJ0d29y/ay5qcGc.webp","thumbnail_width":300,"thumbnail_height":300}