javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-15 17:42:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(vue): add custom elements bundle (#23458)

Browse Source
This commit is contained in:
Liam DeBeasi
2021-06-17 14:10:50 -04:00
committed by GitHub
parent bccb8ad5fb
commit dc48a9f1a2
37 changed files with 468 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/vue/src/ionic-vue.ts
View File

@ -1,6 +1,5 @@
import { App, Plugin } from 'vue';
import { IonicConfig, setupConfig } from '@ionic/core';
import { applyPolyfills, defineCustomElements } from '@ionic/core/loader';
import { IonicConfig, initialize } from '@ionic/core/components';
/**
* We need to make sure that the web component fires an event
@ -23,19 +22,23 @@ export const IonicVue: Plugin = {
async install(_: App, config: IonicConfig = {}) {
if (typeof (window as any) !== 'undefined') {
/**
* By default Ionic Framework hides elements that
* are not hydrated, but in the CE build there is no
* hydration.
* TODO: Remove when all integrations have been
* migrated to CE build.
*/
document.documentElement.classList.add('ion-ce');
const { ael, rel, ce } = getHelperFunctions();
setupConfig({
initialize({
...config,
_ael: ael,
_rel: rel,
_ce: ce
});
await applyPolyfills();
await defineCustomElements(window, {
exclude: ['ion-tabs'],
ce,
ael,
rel
} as any);
}
}
};