diff --git a/packages/vue-router/rollup.config.mjs b/packages/vue-router/rollup.config.mjs index 1269164780..011a238701 100644 --- a/packages/vue-router/rollup.config.mjs +++ b/packages/vue-router/rollup.config.mjs @@ -10,5 +10,5 @@ export default { } ], plugins: [typescript()], - external: ['vue-router', 'vue'] + external: ['vue-router', 'vue', '@ionic/vue'] }; diff --git a/packages/vue-router/src/index.ts b/packages/vue-router/src/index.ts index 21e9d3f557..cc483dec65 100644 --- a/packages/vue-router/src/index.ts +++ b/packages/vue-router/src/index.ts @@ -9,6 +9,7 @@ import { import { createIonRouter } from "./router"; import type { IonicVueRouterOptions } from "./types"; import { createViewStacks } from "./viewStacks"; +import { VueFoo } from '@ionic/vue'; export const createRouter = (opts: IonicVueRouterOptions) => { const routerOptions = { ...opts }; @@ -37,3 +38,7 @@ export const createWebHashHistory = (base?: string) => createVueWebHashHistory(base); export const createMemoryHistory = (base?: string) => createVueMemoryHistory(base); + +console.log('[@ionic/vue-router] VueFoo', VueFoo); + +export const VueRouterFoo = 'VueRouterFoo'; diff --git a/packages/vue/src/index.ts b/packages/vue/src/index.ts index 1aaab322d9..9cbebbdd54 100644 --- a/packages/vue/src/index.ts +++ b/packages/vue/src/index.ts @@ -127,3 +127,9 @@ export { ToggleCustomEvent, TransitionOptions, } from "@ionic/core/components"; + +import { CoreFoo } from '@ionic/core/components'; + +console.log(`[@ionic/vue]: CoreFoo`, CoreFoo); + +export const VueFoo = 'VueFoo'; diff --git a/test-apps/vue/base/src/main.ts b/test-apps/vue/base/src/main.ts index e2782fdd97..077b68fe04 100644 --- a/test-apps/vue/base/src/main.ts +++ b/test-apps/vue/base/src/main.ts @@ -2,7 +2,8 @@ import { createApp } from 'vue' import App from './App.vue' import router from './router'; -import { IonicVue } from '@ionic/vue'; +import { IonicVue, VueFoo } from '@ionic/vue'; +import { VueRouterFoo } from '@ionic/vue-router'; /* Core CSS required for Ionic components to work properly */ import '@ionic/vue/css/core.css'; @@ -23,6 +24,9 @@ import '@ionic/vue/css/display.css'; /* Theme variables */ import './theme/variables.css'; +console.log(`[vue-test-app] VueFoo`, VueFoo); +console.log(`[vue-test-app] VueRouterFoo`, VueRouterFoo); + /** * Vue 3 has its own error handling. * Throwing errors in promises go through