Fixes #137

Author: michaeltintiuc

src/components/ion-vue-router.ts

@@ -34,7 +34,7 @@ export default {
   render(h: CreateElement, { parent, props, data, children }: RenderContext) {
     if (!parent.$router) {
       throw new Error(
-        'IonTabs requires an instance of either VueRouter or IonicVueRouter'
+        'IonVueRouter requires an instance of either VueRouter or IonicVueRouter'
       );
     }
 

src/components/navigation/index.ts

@@ -1,2 +1,2 @@
-export * as IonPage from './ion-page';
-export * as IonTabs from './ion-tabs';
+export * from './ion-page';
+export * from './ion-tabs';

src/components/navigation/ion-page.ts

@@ -1,7 +1,7 @@
 import { CreateElement, RenderContext } from 'vue';
 
-export default {
-  name: 'IonPage',
+export const IonPageVue = {
+  name: 'IonPageVue',
   functional: true,
   render(h: CreateElement, { children }: RenderContext) {
     return h('div', { class: { 'ion-page': true } }, children);

src/components/navigation/ion-tabs.ts

@@ -10,8 +10,8 @@ interface EventListeners {
 const tabBars = [] as VNode[];
 const cachedTabs = [] as VNode[];
 
-export default {
-  name: 'IonTabs',
+export const IonTabsVue = {
+  name: 'IonTabsVue',
   functional: true,
   render(h: CreateElement, { parent, data, slots, listeners }: RenderContext) {
     const renderQueue = [] as VNode[];
@@ -20,7 +20,7 @@ export default {
     let selectedTab = '';
 
     if (!parent.$router) {
-      throw new Error('IonTabs requires an instance of either VueRouter or IonicVueRouter');
+      throw new Error('IonTabsVue requires an instance of either VueRouter or IonicVueRouter');
     }
 
     // Loop through all of the children in the default slot