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

fix(vue): routing components define child components (#26107)

Browse Source
This commit is contained in:
Liam DeBeasi
2022-10-13 12:35:15 -05:00
committed by GitHub
parent 5e4892676c
commit d60973b244
8 changed files with 15 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/vue/src/components/IonRouterOutlet.ts
View File

@ -12,9 +12,9 @@ import {
Ref
} from 'vue';
import { AnimationBuilder, LIFECYCLE_DID_ENTER, LIFECYCLE_DID_LEAVE, LIFECYCLE_WILL_ENTER, LIFECYCLE_WILL_LEAVE } from '@ionic/core/components';
import { IonRouterOutlet as IonRouterOutletCmp } from '@ionic/core/components/ion-router-outlet.js';
import { defineCustomElement } from '@ionic/core/components/ion-router-outlet.js';
import { matchedRouteKey, routeLocationKey, useRoute } from 'vue-router';
import { fireLifecycle, generateId, getConfig, defineCustomElement } from '../utils';
import { fireLifecycle, generateId, getConfig } from '../utils';
const isViewVisible = (enteringEl: HTMLElement) => {
return !enteringEl.classList.contains('ion-page-hidden') && !enteringEl.classList.contains('ion-page-invisible');
@ -24,7 +24,7 @@ let viewDepthKey: InjectionKey<0> = Symbol(0);
export const IonRouterOutlet = /*@__PURE__*/ defineComponent({
name: 'IonRouterOutlet',
setup() {
defineCustomElement('ion-router-outlet', IonRouterOutletCmp);
defineCustomElement();
const injectedRoute = inject(routeLocationKey)!;
const route = useRoute();