Here are the necessary changes to the vue-youtube for it to work with Vue3.
Ignore the changes to the ./dist folder, I made those for my own project so I could continue using the component while the package gets updated, as I was unable to quickly get the rollup build to work with vue#. But Vue3 drops the support for older browsers anyway, so worth thinking about which bundles are needed.
Important changes are these:
beforeDestroy -> beforeUnmount
instead of render(h) { return h('div'); } using render () { return h('div') } and import { h } from 'vue'
Use @vue/compiler-sfc instead of vue-template-compiler
src/index.js changes for the plugin() method to install the plugin globally (not tested, as I am not using the plugin globally)
I guess this should be a tagged release in a new major version to keep the vue2 release as well.
Oh, and a side note on using the fork/PR version already. When using the plugin locally in components, i was using it in vue2 like this:
import { Youtube } from 'vue-youtube';
but since i did not use the rollup to do the release, rather just copied the component to dist as modern browsers can handle it, then you can use the component locally like this:
import Youtube from 'vue-youtube';
Here are the necessary changes to the vue-youtube for it to work with Vue3.
Ignore the changes to the ./dist folder, I made those for my own project so I could continue using the component while the package gets updated, as I was unable to quickly get the rollup build to work with vue#. But Vue3 drops the support for older browsers anyway, so worth thinking about which bundles are needed.
Important changes are these:
beforeDestroy
->beforeUnmount
render(h) { return h('div'); }
usingrender () { return h('div') }
andimport { h } from 'vue'
I guess this should be a tagged release in a new major version to keep the vue2 release as well.
Oh, and a side note on using the fork/PR version already. When using the plugin locally in components, i was using it in vue2 like this:
import { Youtube } from 'vue-youtube';
but since i did not use the rollup to do the release, rather just copied the component to dist as modern browsers can handle it, then you can use the component locally like this:import Youtube from 'vue-youtube';