Catrope added a comment.
That confuses me, because WVUI uses `export default Vue.extend( { ... } )`
too (example
<https://github.com/wikimedia/wvui/blob/master/src/components/button/Button.vue#L20>),
and using the Vue 2 build of WVUI with the Vue 3 compat runtime works fine.
Maybe the difference is that we never pass a WVUI component directly to
`Vue.createMwApp()`, we happen to always wrap them in another component
(because WVUI only contains basic components that don't make much sense on
their own). It sounds like you are importing fully functional components that
are mounted directly. A workaround might be as simple as:
var TaintedRefs = require( './TaintedRefs.js' ); // returns a Vue
2-compiled component
var wrappedTaintedRefs = {
render: function ( h ) {
return h( TaintedRefs, { props: { /* whatever you need to pass in
*/ } } );
}
};
Vue.createMwApp( wrappedTaintedRefs ).mount( 'selector' );
That said, bundling Vue 2 temporarily is a good workaround too, we can always
fall back on that if we can't find a good solution to the `Vue.extend()`
problem.
TASK DETAIL
https://phabricator.wikimedia.org/T294465
EMAIL PREFERENCES
https://phabricator.wikimedia.org/settings/panel/emailpreferences/
To: Lucas_Werkmeister_WMDE, Catrope
Cc: karapayneWMDE, Michael, Lucas_Werkmeister_WMDE, Aklapper, Catrope, 786,
Suran38, Biggs657, Invadibot, Lalamarie69, maantietaja, Juan90264, Alter-paule,
Beast1978, Un1tY, Akuckartz, Sarai-WMDE, Hook696, darthmon_wmde, Kent7301,
joker88john, CucyNoiD, Nandana, Gaboe420, lucamauri, Giuliamocci, Cpaulf30,
Lahi, Gq86, Af420, Bsandipan, GoranSMilovanovic, Mahir256, QZanden,
LawExplorer, Lewizho99, Maathavan, _jensen, rosalieper, Bodhisattwa,
Scott_WUaS, Wikidata-bugs, aude, Lydia_Pintscher, Addshore, Mbch331
_______________________________________________
Wikidata-bugs mailing list -- [email protected]
To unsubscribe send an email to [email protected]
