diff --git a/core/package-lock.json b/core/package-lock.json
index 0c59317e804..e9af0fc1aaf 100644
--- a/core/package-lock.json
+++ b/core/package-lock.json
@@ -28,7 +28,7 @@
         "@stencil/angular-output-target": "^0.10.0",
         "@stencil/react-output-target": "0.5.3",
         "@stencil/sass": "^3.0.9",
-        "@stencil/vue-output-target": "^0.9.6",
+        "@stencil/vue-output-target": "^0.10.2",
         "@types/jest": "^29.5.6",
         "@types/node": "^14.6.0",
         "@typescript-eslint/eslint-plugin": "^6.7.2",
@@ -1850,9 +1850,9 @@
       }
     },
     "node_modules/@stencil/vue-output-target": {
-      "version": "0.9.6",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.6.tgz",
-      "integrity": "sha512-IxLknP+bZ2Di3EOEtd8ozh/9JHyoFyvfO+gapO7IpSjT1zFoEfIpFN0/IZPKN6VNI5lMrQ3BFIRs9C689g7VsQ==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.2.tgz",
+      "integrity": "sha512-b7AKmDegOa/8UzDDEkTC/Df5trdTBcGc4wA9BNgZs8tsrKtSlnZDbIQRv/gTL2uu3Pv3+Sx/z1Kco8oQfMJrtA==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -11835,9 +11835,9 @@
       "requires": {}
     },
     "@stencil/vue-output-target": {
-      "version": "0.9.6",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.6.tgz",
-      "integrity": "sha512-IxLknP+bZ2Di3EOEtd8ozh/9JHyoFyvfO+gapO7IpSjT1zFoEfIpFN0/IZPKN6VNI5lMrQ3BFIRs9C689g7VsQ==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.2.tgz",
+      "integrity": "sha512-b7AKmDegOa/8UzDDEkTC/Df5trdTBcGc4wA9BNgZs8tsrKtSlnZDbIQRv/gTL2uu3Pv3+Sx/z1Kco8oQfMJrtA==",
       "dev": true,
       "requires": {}
     },
diff --git a/core/package.json b/core/package.json
index 1e668023aa8..211afe1a4b4 100644
--- a/core/package.json
+++ b/core/package.json
@@ -50,7 +50,7 @@
     "@stencil/angular-output-target": "^0.10.0",
     "@stencil/react-output-target": "0.5.3",
     "@stencil/sass": "^3.0.9",
-    "@stencil/vue-output-target": "^0.9.6",
+    "@stencil/vue-output-target": "^0.10.2",
     "@types/jest": "^29.5.6",
     "@types/node": "^14.6.0",
     "@typescript-eslint/eslint-plugin": "^6.7.2",
diff --git a/packages/vue/package-lock.json b/packages/vue/package-lock.json
index 2e788303def..9cc90272693 100644
--- a/packages/vue/package-lock.json
+++ b/packages/vue/package-lock.json
@@ -18,7 +18,7 @@
         "@ionic/prettier-config": "^2.0.0",
         "@rollup/plugin-node-resolve": "^16.0.0",
         "@rollup/plugin-typescript": "^11.1.5",
-        "@stencil/vue-output-target": "0.9.6",
+        "@stencil/vue-output-target": "0.10.2",
         "@typescript-eslint/eslint-plugin": "^5.48.2",
         "@typescript-eslint/parser": "^5.48.2",
         "change-case": "^4.1.1",
@@ -691,9 +691,9 @@
       }
     },
     "node_modules/@stencil/vue-output-target": {
-      "version": "0.9.6",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.6.tgz",
-      "integrity": "sha512-IxLknP+bZ2Di3EOEtd8ozh/9JHyoFyvfO+gapO7IpSjT1zFoEfIpFN0/IZPKN6VNI5lMrQ3BFIRs9C689g7VsQ==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.2.tgz",
+      "integrity": "sha512-b7AKmDegOa/8UzDDEkTC/Df5trdTBcGc4wA9BNgZs8tsrKtSlnZDbIQRv/gTL2uu3Pv3+Sx/z1Kco8oQfMJrtA==",
       "dev": true,
       "license": "MIT",
       "peerDependencies": {
@@ -4342,9 +4342,9 @@
       "integrity": "sha512-WPrTHFngvN081RY+dJPneKQLwnOFD60OMCOQGmmSHfCW0f4ujPMzzhwWU1gcSwXPWXz5O+8cBiiCaxAbJU7kAg=="
     },
     "@stencil/vue-output-target": {
-      "version": "0.9.6",
-      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.9.6.tgz",
-      "integrity": "sha512-IxLknP+bZ2Di3EOEtd8ozh/9JHyoFyvfO+gapO7IpSjT1zFoEfIpFN0/IZPKN6VNI5lMrQ3BFIRs9C689g7VsQ==",
+      "version": "0.10.2",
+      "resolved": "https://registry.npmjs.org/@stencil/vue-output-target/-/vue-output-target-0.10.2.tgz",
+      "integrity": "sha512-b7AKmDegOa/8UzDDEkTC/Df5trdTBcGc4wA9BNgZs8tsrKtSlnZDbIQRv/gTL2uu3Pv3+Sx/z1Kco8oQfMJrtA==",
       "dev": true,
       "requires": {}
     },
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 832914d1455..f293116101d 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -54,7 +54,7 @@
     "@ionic/prettier-config": "^2.0.0",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^11.1.5",
-    "@stencil/vue-output-target": "0.9.6",
+    "@stencil/vue-output-target": "0.10.2",
     "@typescript-eslint/eslint-plugin": "^5.48.2",
     "@typescript-eslint/parser": "^5.48.2",
     "change-case": "^4.1.1",
diff --git a/packages/vue/src/proxies.ts b/packages/vue/src/proxies.ts
index d815762691a..dee2ad1c8af 100644
--- a/packages/vue/src/proxies.ts
+++ b/packages/vue/src/proxies.ts
@@ -1,7 +1,7 @@
 /* eslint-disable */
 /* tslint:disable */
 /* auto-generated vue proxies */
-import { defineContainer } from '@stencil/vue-output-target/runtime';
+import { defineContainer, type StencilVueComponent } from '@stencil/vue-output-target/runtime';
 
 import type { JSX } from '@ionic/core';
 
@@ -84,7 +84,7 @@ import { defineCustomElement as defineIonToggle } from '@ionic/core/components/i
 import { defineCustomElement as defineIonToolbar } from '@ionic/core/components/ion-toolbar.js';
 
 
-export const IonAccordion = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion-accordion', defineIonAccordion, [
+export const IonAccordion: StencilVueComponent<JSX.IonAccordion> = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion-accordion', defineIonAccordion, [
   'value',
   'disabled',
   'readonly',
@@ -93,7 +93,7 @@ export const IonAccordion = /*@__PURE__*/ defineContainer<JSX.IonAccordion>('ion
 ]);
 
 
-export const IonAccordionGroup = /*@__PURE__*/ defineContainer<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]>('ion-accordion-group', defineIonAccordionGroup, [
+export const IonAccordionGroup: StencilVueComponent<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.IonAccordionGroup, JSX.IonAccordionGroup["value"]>('ion-accordion-group', defineIonAccordionGroup, [
   'animated',
   'multiple',
   'value',
@@ -109,10 +109,10 @@ export const IonAccordionGroup = /*@__PURE__*/ defineContainer<JSX.IonAccordionG
 'value', 'ion-change');
 
 
-export const IonAvatar = /*@__PURE__*/ defineContainer<JSX.IonAvatar>('ion-avatar', defineIonAvatar);
+export const IonAvatar: StencilVueComponent<JSX.IonAvatar> = /*@__PURE__*/ defineContainer<JSX.IonAvatar>('ion-avatar', defineIonAvatar);
 
 
-export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-backdrop', defineIonBackdrop, [
+export const IonBackdrop: StencilVueComponent<JSX.IonBackdrop> = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-backdrop', defineIonBackdrop, [
   'visible',
   'tappable',
   'stopPropagation',
@@ -122,12 +122,12 @@ export const IonBackdrop = /*@__PURE__*/ defineContainer<JSX.IonBackdrop>('ion-b
 ]);
 
 
-export const IonBadge = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
+export const IonBadge: StencilVueComponent<JSX.IonBadge> = /*@__PURE__*/ defineContainer<JSX.IonBadge>('ion-badge', defineIonBadge, [
   'color'
 ]);
 
 
-export const IonBreadcrumb = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('ion-breadcrumb', defineIonBreadcrumb, [
+export const IonBreadcrumb: StencilVueComponent<JSX.IonBreadcrumb> = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('ion-breadcrumb', defineIonBreadcrumb, [
   'collapsed',
   'last',
   'showCollapsedIndicator',
@@ -151,7 +151,7 @@ export const IonBreadcrumb = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumb>('i
 ]);
 
 
-export const IonBreadcrumbs = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>('ion-breadcrumbs', defineIonBreadcrumbs, [
+export const IonBreadcrumbs: StencilVueComponent<JSX.IonBreadcrumbs> = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>('ion-breadcrumbs', defineIonBreadcrumbs, [
   'color',
   'maxItems',
   'itemsBeforeCollapse',
@@ -162,7 +162,7 @@ export const IonBreadcrumbs = /*@__PURE__*/ defineContainer<JSX.IonBreadcrumbs>(
 ]);
 
 
-export const IonButton = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-button', defineIonButton, [
+export const IonButton: StencilVueComponent<JSX.IonButton> = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-button', defineIonButton, [
   'color',
   'buttonType',
   'disabled',
@@ -187,12 +187,12 @@ export const IonButton = /*@__PURE__*/ defineContainer<JSX.IonButton>('ion-butto
 ]);
 
 
-export const IonButtons = /*@__PURE__*/ defineContainer<JSX.IonButtons>('ion-buttons', defineIonButtons, [
+export const IonButtons: StencilVueComponent<JSX.IonButtons> = /*@__PURE__*/ defineContainer<JSX.IonButtons>('ion-buttons', defineIonButtons, [
   'collapse'
 ]);
 
 
-export const IonCard = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', defineIonCard, [
+export const IonCard: StencilVueComponent<JSX.IonCard> = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', defineIonCard, [
   'color',
   'button',
   'type',
@@ -206,26 +206,26 @@ export const IonCard = /*@__PURE__*/ defineContainer<JSX.IonCard>('ion-card', de
 ]);
 
 
-export const IonCardContent = /*@__PURE__*/ defineContainer<JSX.IonCardContent>('ion-card-content', defineIonCardContent);
+export const IonCardContent: StencilVueComponent<JSX.IonCardContent> = /*@__PURE__*/ defineContainer<JSX.IonCardContent>('ion-card-content', defineIonCardContent);
 
 
-export const IonCardHeader = /*@__PURE__*/ defineContainer<JSX.IonCardHeader>('ion-card-header', defineIonCardHeader, [
+export const IonCardHeader: StencilVueComponent<JSX.IonCardHeader> = /*@__PURE__*/ defineContainer<JSX.IonCardHeader>('ion-card-header', defineIonCardHeader, [
   'color',
   'translucent'
 ]);
 
 
-export const IonCardSubtitle = /*@__PURE__*/ defineContainer<JSX.IonCardSubtitle>('ion-card-subtitle', defineIonCardSubtitle, [
+export const IonCardSubtitle: StencilVueComponent<JSX.IonCardSubtitle> = /*@__PURE__*/ defineContainer<JSX.IonCardSubtitle>('ion-card-subtitle', defineIonCardSubtitle, [
   'color'
 ]);
 
 
-export const IonCardTitle = /*@__PURE__*/ defineContainer<JSX.IonCardTitle>('ion-card-title', defineIonCardTitle, [
+export const IonCardTitle: StencilVueComponent<JSX.IonCardTitle> = /*@__PURE__*/ defineContainer<JSX.IonCardTitle>('ion-card-title', defineIonCardTitle, [
   'color'
 ]);
 
 
-export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.IonCheckbox["checked"]>('ion-checkbox', defineIonCheckbox, [
+export const IonCheckbox: StencilVueComponent<JSX.IonCheckbox, JSX.IonCheckbox["checked"]> = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.IonCheckbox["checked"]>('ion-checkbox', defineIonCheckbox, [
   'color',
   'name',
   'checked',
@@ -246,14 +246,14 @@ export const IonCheckbox = /*@__PURE__*/ defineContainer<JSX.IonCheckbox, JSX.Io
 'checked', 'ion-change');
 
 
-export const IonChip = /*@__PURE__*/ defineContainer<JSX.IonChip>('ion-chip', defineIonChip, [
+export const IonChip: StencilVueComponent<JSX.IonChip> = /*@__PURE__*/ defineContainer<JSX.IonChip>('ion-chip', defineIonChip, [
   'color',
   'outline',
   'disabled'
 ]);
 
 
-export const IonCol = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defineIonCol, [
+export const IonCol: StencilVueComponent<JSX.IonCol> = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defineIonCol, [
   'offset',
   'offsetXs',
   'offsetSm',
@@ -281,7 +281,7 @@ export const IonCol = /*@__PURE__*/ defineContainer<JSX.IonCol>('ion-col', defin
 ]);
 
 
-export const IonContent = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-content', defineIonContent, [
+export const IonContent: StencilVueComponent<JSX.IonContent> = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-content', defineIonContent, [
   'color',
   'fullscreen',
   'fixedSlotPlacement',
@@ -299,7 +299,7 @@ export const IonContent = /*@__PURE__*/ defineContainer<JSX.IonContent>('ion-con
 ]);
 
 
-export const IonDatetime = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.IonDatetime["value"]>('ion-datetime', defineIonDatetime, [
+export const IonDatetime: StencilVueComponent<JSX.IonDatetime, JSX.IonDatetime["value"]> = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.IonDatetime["value"]>('ion-datetime', defineIonDatetime, [
   'color',
   'name',
   'disabled',
@@ -349,14 +349,14 @@ export const IonDatetime = /*@__PURE__*/ defineContainer<JSX.IonDatetime, JSX.Io
 'value', 'ion-change');
 
 
-export const IonDatetimeButton = /*@__PURE__*/ defineContainer<JSX.IonDatetimeButton>('ion-datetime-button', defineIonDatetimeButton, [
+export const IonDatetimeButton: StencilVueComponent<JSX.IonDatetimeButton> = /*@__PURE__*/ defineContainer<JSX.IonDatetimeButton>('ion-datetime-button', defineIonDatetimeButton, [
   'color',
   'disabled',
   'datetime'
 ]);
 
 
-export const IonFab = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defineIonFab, [
+export const IonFab: StencilVueComponent<JSX.IonFab> = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defineIonFab, [
   'horizontal',
   'vertical',
   'edge',
@@ -364,7 +364,7 @@ export const IonFab = /*@__PURE__*/ defineContainer<JSX.IonFab>('ion-fab', defin
 ]);
 
 
-export const IonFabButton = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion-fab-button', defineIonFabButton, [
+export const IonFabButton: StencilVueComponent<JSX.IonFabButton> = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion-fab-button', defineIonFabButton, [
   'color',
   'activated',
   'disabled',
@@ -387,30 +387,30 @@ export const IonFabButton = /*@__PURE__*/ defineContainer<JSX.IonFabButton>('ion
 ]);
 
 
-export const IonFabList = /*@__PURE__*/ defineContainer<JSX.IonFabList>('ion-fab-list', defineIonFabList, [
+export const IonFabList: StencilVueComponent<JSX.IonFabList> = /*@__PURE__*/ defineContainer<JSX.IonFabList>('ion-fab-list', defineIonFabList, [
   'activated',
   'side'
 ]);
 
 
-export const IonFooter = /*@__PURE__*/ defineContainer<JSX.IonFooter>('ion-footer', defineIonFooter, [
+export const IonFooter: StencilVueComponent<JSX.IonFooter> = /*@__PURE__*/ defineContainer<JSX.IonFooter>('ion-footer', defineIonFooter, [
   'collapse',
   'translucent'
 ]);
 
 
-export const IonGrid = /*@__PURE__*/ defineContainer<JSX.IonGrid>('ion-grid', defineIonGrid, [
+export const IonGrid: StencilVueComponent<JSX.IonGrid> = /*@__PURE__*/ defineContainer<JSX.IonGrid>('ion-grid', defineIonGrid, [
   'fixed'
 ]);
 
 
-export const IonHeader = /*@__PURE__*/ defineContainer<JSX.IonHeader>('ion-header', defineIonHeader, [
+export const IonHeader: StencilVueComponent<JSX.IonHeader> = /*@__PURE__*/ defineContainer<JSX.IonHeader>('ion-header', defineIonHeader, [
   'collapse',
   'translucent'
 ]);
 
 
-export const IonImg = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defineIonImg, [
+export const IonImg: StencilVueComponent<JSX.IonImg> = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defineIonImg, [
   'alt',
   'src',
   'ionImgWillLoad',
@@ -423,7 +423,7 @@ export const IonImg = /*@__PURE__*/ defineContainer<JSX.IonImg>('ion-img', defin
 ]);
 
 
-export const IonInfiniteScroll = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScroll>('ion-infinite-scroll', defineIonInfiniteScroll, [
+export const IonInfiniteScroll: StencilVueComponent<JSX.IonInfiniteScroll> = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScroll>('ion-infinite-scroll', defineIonInfiniteScroll, [
   'threshold',
   'disabled',
   'position',
@@ -433,13 +433,13 @@ export const IonInfiniteScroll = /*@__PURE__*/ defineContainer<JSX.IonInfiniteSc
 ]);
 
 
-export const IonInfiniteScrollContent = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScrollContent>('ion-infinite-scroll-content', defineIonInfiniteScrollContent, [
+export const IonInfiniteScrollContent: StencilVueComponent<JSX.IonInfiniteScrollContent> = /*@__PURE__*/ defineContainer<JSX.IonInfiniteScrollContent>('ion-infinite-scroll-content', defineIonInfiniteScrollContent, [
   'loadingSpinner',
   'loadingText'
 ]);
 
 
-export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput["value"]>('ion-input', defineIonInput, [
+export const IonInput: StencilVueComponent<JSX.IonInput, JSX.IonInput["value"]> = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput["value"]>('ion-input', defineIonInput, [
   'color',
   'autocapitalize',
   'autocomplete',
@@ -487,7 +487,7 @@ export const IonInput = /*@__PURE__*/ defineContainer<JSX.IonInput, JSX.IonInput
 'value', 'ion-input');
 
 
-export const IonInputPasswordToggle = /*@__PURE__*/ defineContainer<JSX.IonInputPasswordToggle>('ion-input-password-toggle', defineIonInputPasswordToggle, [
+export const IonInputPasswordToggle: StencilVueComponent<JSX.IonInputPasswordToggle> = /*@__PURE__*/ defineContainer<JSX.IonInputPasswordToggle>('ion-input-password-toggle', defineIonInputPasswordToggle, [
   'color',
   'showIcon',
   'hideIcon',
@@ -495,7 +495,7 @@ export const IonInputPasswordToggle = /*@__PURE__*/ defineContainer<JSX.IonInput
 ]);
 
 
-export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
+export const IonItem: StencilVueComponent<JSX.IonItem> = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', defineIonItem, [
   'color',
   'button',
   'detail',
@@ -512,16 +512,16 @@ export const IonItem = /*@__PURE__*/ defineContainer<JSX.IonItem>('ion-item', de
 ]);
 
 
-export const IonItemDivider = /*@__PURE__*/ defineContainer<JSX.IonItemDivider>('ion-item-divider', defineIonItemDivider, [
+export const IonItemDivider: StencilVueComponent<JSX.IonItemDivider> = /*@__PURE__*/ defineContainer<JSX.IonItemDivider>('ion-item-divider', defineIonItemDivider, [
   'color',
   'sticky'
 ]);
 
 
-export const IonItemGroup = /*@__PURE__*/ defineContainer<JSX.IonItemGroup>('ion-item-group', defineIonItemGroup);
+export const IonItemGroup: StencilVueComponent<JSX.IonItemGroup> = /*@__PURE__*/ defineContainer<JSX.IonItemGroup>('ion-item-group', defineIonItemGroup);
 
 
-export const IonItemOption = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('ion-item-option', defineIonItemOption, [
+export const IonItemOption: StencilVueComponent<JSX.IonItemOption> = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('ion-item-option', defineIonItemOption, [
   'color',
   'disabled',
   'download',
@@ -533,7 +533,7 @@ export const IonItemOption = /*@__PURE__*/ defineContainer<JSX.IonItemOption>('i
 ]);
 
 
-export const IonItemOptions = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>('ion-item-options', defineIonItemOptions, [
+export const IonItemOptions: StencilVueComponent<JSX.IonItemOptions> = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>('ion-item-options', defineIonItemOptions, [
   'side',
   'ionSwipe'
 ], [
@@ -541,7 +541,7 @@ export const IonItemOptions = /*@__PURE__*/ defineContainer<JSX.IonItemOptions>(
 ]);
 
 
-export const IonItemSliding = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>('ion-item-sliding', defineIonItemSliding, [
+export const IonItemSliding: StencilVueComponent<JSX.IonItemSliding> = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>('ion-item-sliding', defineIonItemSliding, [
   'disabled',
   'ionDrag'
 ], [
@@ -549,7 +549,7 @@ export const IonItemSliding = /*@__PURE__*/ defineContainer<JSX.IonItemSliding>(
 ]);
 
 
-export const IonLabel = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label', defineIonLabel, [
+export const IonLabel: StencilVueComponent<JSX.IonLabel> = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label', defineIonLabel, [
   'color',
   'position',
   'ionColor',
@@ -560,19 +560,19 @@ export const IonLabel = /*@__PURE__*/ defineContainer<JSX.IonLabel>('ion-label',
 ]);
 
 
-export const IonList = /*@__PURE__*/ defineContainer<JSX.IonList>('ion-list', defineIonList, [
+export const IonList: StencilVueComponent<JSX.IonList> = /*@__PURE__*/ defineContainer<JSX.IonList>('ion-list', defineIonList, [
   'lines',
   'inset'
 ]);
 
 
-export const IonListHeader = /*@__PURE__*/ defineContainer<JSX.IonListHeader>('ion-list-header', defineIonListHeader, [
+export const IonListHeader: StencilVueComponent<JSX.IonListHeader> = /*@__PURE__*/ defineContainer<JSX.IonListHeader>('ion-list-header', defineIonListHeader, [
   'color',
   'lines'
 ]);
 
 
-export const IonMenu = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', defineIonMenu, [
+export const IonMenu: StencilVueComponent<JSX.IonMenu> = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', defineIonMenu, [
   'contentId',
   'menuId',
   'type',
@@ -594,7 +594,7 @@ export const IonMenu = /*@__PURE__*/ defineContainer<JSX.IonMenu>('ion-menu', de
 ]);
 
 
-export const IonMenuButton = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('ion-menu-button', defineIonMenuButton, [
+export const IonMenuButton: StencilVueComponent<JSX.IonMenuButton> = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('ion-menu-button', defineIonMenuButton, [
   'color',
   'disabled',
   'menu',
@@ -603,13 +603,13 @@ export const IonMenuButton = /*@__PURE__*/ defineContainer<JSX.IonMenuButton>('i
 ]);
 
 
-export const IonMenuToggle = /*@__PURE__*/ defineContainer<JSX.IonMenuToggle>('ion-menu-toggle', defineIonMenuToggle, [
+export const IonMenuToggle: StencilVueComponent<JSX.IonMenuToggle> = /*@__PURE__*/ defineContainer<JSX.IonMenuToggle>('ion-menu-toggle', defineIonMenuToggle, [
   'menu',
   'autoHide'
 ]);
 
 
-export const IonNav = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defineIonNav, [
+export const IonNav: StencilVueComponent<JSX.IonNav> = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defineIonNav, [
   'delegate',
   'swipeGesture',
   'animated',
@@ -626,7 +626,7 @@ export const IonNav = /*@__PURE__*/ defineContainer<JSX.IonNav>('ion-nav', defin
 ]);
 
 
-export const IonNavLink = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav-link', defineIonNavLink, [
+export const IonNavLink: StencilVueComponent<JSX.IonNavLink> = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav-link', defineIonNavLink, [
   'component',
   'componentProps',
   'routerDirection',
@@ -634,19 +634,19 @@ export const IonNavLink = /*@__PURE__*/ defineContainer<JSX.IonNavLink>('ion-nav
 ]);
 
 
-export const IonNote = /*@__PURE__*/ defineContainer<JSX.IonNote>('ion-note', defineIonNote, [
+export const IonNote: StencilVueComponent<JSX.IonNote> = /*@__PURE__*/ defineContainer<JSX.IonNote>('ion-note', defineIonNote, [
   'color'
 ]);
 
 
-export const IonPicker = /*@__PURE__*/ defineContainer<JSX.IonPicker>('ion-picker', defineIonPicker, [
+export const IonPicker: StencilVueComponent<JSX.IonPicker> = /*@__PURE__*/ defineContainer<JSX.IonPicker>('ion-picker', defineIonPicker, [
   'ionInputModeChange'
 ], [
   'ionInputModeChange'
 ]);
 
 
-export const IonPickerColumn = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn>('ion-picker-column', defineIonPickerColumn, [
+export const IonPickerColumn: StencilVueComponent<JSX.IonPickerColumn> = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn>('ion-picker-column', defineIonPickerColumn, [
   'disabled',
   'value',
   'color',
@@ -657,14 +657,14 @@ export const IonPickerColumn = /*@__PURE__*/ defineContainer<JSX.IonPickerColumn
 ]);
 
 
-export const IonPickerColumnOption = /*@__PURE__*/ defineContainer<JSX.IonPickerColumnOption>('ion-picker-column-option', defineIonPickerColumnOption, [
+export const IonPickerColumnOption: StencilVueComponent<JSX.IonPickerColumnOption> = /*@__PURE__*/ defineContainer<JSX.IonPickerColumnOption>('ion-picker-column-option', defineIonPickerColumnOption, [
   'disabled',
   'value',
   'color'
 ]);
 
 
-export const IonProgressBar = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>('ion-progress-bar', defineIonProgressBar, [
+export const IonProgressBar: StencilVueComponent<JSX.IonProgressBar> = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>('ion-progress-bar', defineIonProgressBar, [
   'type',
   'reversed',
   'value',
@@ -673,7 +673,7 @@ export const IonProgressBar = /*@__PURE__*/ defineContainer<JSX.IonProgressBar>(
 ]);
 
 
-export const IonRadio = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio["value"]>('ion-radio', defineIonRadio, [
+export const IonRadio: StencilVueComponent<JSX.IonRadio, JSX.IonRadio["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio["value"]>('ion-radio', defineIonRadio, [
   'color',
   'name',
   'disabled',
@@ -690,7 +690,7 @@ export const IonRadio = /*@__PURE__*/ defineContainer<JSX.IonRadio, JSX.IonRadio
 'value', 'ion-change');
 
 
-export const IonRadioGroup = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]>('ion-radio-group', defineIonRadioGroup, [
+export const IonRadioGroup: StencilVueComponent<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JSX.IonRadioGroup["value"]>('ion-radio-group', defineIonRadioGroup, [
   'allowEmptySelection',
   'compareWith',
   'name',
@@ -704,7 +704,7 @@ export const IonRadioGroup = /*@__PURE__*/ defineContainer<JSX.IonRadioGroup, JS
 'value', 'ion-change');
 
 
-export const IonRange = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange["value"]>('ion-range', defineIonRange, [
+export const IonRange: StencilVueComponent<JSX.IonRange, JSX.IonRange["value"]> = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange["value"]>('ion-range', defineIonRange, [
   'color',
   'debounce',
   'name',
@@ -738,7 +738,7 @@ export const IonRange = /*@__PURE__*/ defineContainer<JSX.IonRange, JSX.IonRange
 'value', 'ion-input');
 
 
-export const IonRefresher = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion-refresher', defineIonRefresher, [
+export const IonRefresher: StencilVueComponent<JSX.IonRefresher> = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion-refresher', defineIonRefresher, [
   'pullMin',
   'pullMax',
   'closeDuration',
@@ -755,7 +755,7 @@ export const IonRefresher = /*@__PURE__*/ defineContainer<JSX.IonRefresher>('ion
 ]);
 
 
-export const IonRefresherContent = /*@__PURE__*/ defineContainer<JSX.IonRefresherContent>('ion-refresher-content', defineIonRefresherContent, [
+export const IonRefresherContent: StencilVueComponent<JSX.IonRefresherContent> = /*@__PURE__*/ defineContainer<JSX.IonRefresherContent>('ion-refresher-content', defineIonRefresherContent, [
   'pullingIcon',
   'pullingText',
   'refreshingSpinner',
@@ -763,10 +763,10 @@ export const IonRefresherContent = /*@__PURE__*/ defineContainer<JSX.IonRefreshe
 ]);
 
 
-export const IonReorder = /*@__PURE__*/ defineContainer<JSX.IonReorder>('ion-reorder', defineIonReorder);
+export const IonReorder: StencilVueComponent<JSX.IonReorder> = /*@__PURE__*/ defineContainer<JSX.IonReorder>('ion-reorder', defineIonReorder);
 
 
-export const IonReorderGroup = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup>('ion-reorder-group', defineIonReorderGroup, [
+export const IonReorderGroup: StencilVueComponent<JSX.IonReorderGroup> = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup>('ion-reorder-group', defineIonReorderGroup, [
   'disabled',
   'ionItemReorder'
 ], [
@@ -774,15 +774,15 @@ export const IonReorderGroup = /*@__PURE__*/ defineContainer<JSX.IonReorderGroup
 ]);
 
 
-export const IonRippleEffect = /*@__PURE__*/ defineContainer<JSX.IonRippleEffect>('ion-ripple-effect', defineIonRippleEffect, [
+export const IonRippleEffect: StencilVueComponent<JSX.IonRippleEffect> = /*@__PURE__*/ defineContainer<JSX.IonRippleEffect>('ion-ripple-effect', defineIonRippleEffect, [
   'type'
 ]);
 
 
-export const IonRow = /*@__PURE__*/ defineContainer<JSX.IonRow>('ion-row', defineIonRow);
+export const IonRow: StencilVueComponent<JSX.IonRow> = /*@__PURE__*/ defineContainer<JSX.IonRow>('ion-row', defineIonRow);
 
 
-export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.IonSearchbar["value"]>('ion-searchbar', defineIonSearchbar, [
+export const IonSearchbar: StencilVueComponent<JSX.IonSearchbar, JSX.IonSearchbar["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.IonSearchbar["value"]>('ion-searchbar', defineIonSearchbar, [
   'color',
   'animated',
   'autocapitalize',
@@ -824,7 +824,7 @@ export const IonSearchbar = /*@__PURE__*/ defineContainer<JSX.IonSearchbar, JSX.
 'value', 'ion-input');
 
 
-export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonSegment["value"]>('ion-segment', defineIonSegment, [
+export const IonSegment: StencilVueComponent<JSX.IonSegment, JSX.IonSegment["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonSegment["value"]>('ion-segment', defineIonSegment, [
   'color',
   'disabled',
   'scrollable',
@@ -842,7 +842,7 @@ export const IonSegment = /*@__PURE__*/ defineContainer<JSX.IonSegment, JSX.IonS
 'value', 'ion-change');
 
 
-export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
+export const IonSegmentButton: StencilVueComponent<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSegmentButton, JSX.IonSegmentButton["value"]>('ion-segment-button', defineIonSegmentButton, [
   'contentId',
   'disabled',
   'layout',
@@ -852,10 +852,10 @@ export const IonSegmentButton = /*@__PURE__*/ defineContainer<JSX.IonSegmentButt
 'value', 'ion-change');
 
 
-export const IonSegmentContent = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
+export const IonSegmentContent: StencilVueComponent<JSX.IonSegmentContent> = /*@__PURE__*/ defineContainer<JSX.IonSegmentContent>('ion-segment-content', defineIonSegmentContent);
 
 
-export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
+export const IonSegmentView: StencilVueComponent<JSX.IonSegmentView> = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>('ion-segment-view', defineIonSegmentView, [
   'disabled',
   'ionSegmentViewScroll'
 ], [
@@ -863,7 +863,7 @@ export const IonSegmentView = /*@__PURE__*/ defineContainer<JSX.IonSegmentView>(
 ]);
 
 
-export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
+export const IonSelect: StencilVueComponent<JSX.IonSelect, JSX.IonSelect["value"]> = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSelect["value"]>('ion-select', defineIonSelect, [
   'cancelText',
   'color',
   'compareWith',
@@ -900,20 +900,20 @@ export const IonSelect = /*@__PURE__*/ defineContainer<JSX.IonSelect, JSX.IonSel
 'value', 'ion-change');
 
 
-export const IonSelectModal = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
+export const IonSelectModal: StencilVueComponent<JSX.IonSelectModal> = /*@__PURE__*/ defineContainer<JSX.IonSelectModal>('ion-select-modal', defineIonSelectModal, [
   'header',
   'multiple',
   'options'
 ]);
 
 
-export const IonSelectOption = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
+export const IonSelectOption: StencilVueComponent<JSX.IonSelectOption> = /*@__PURE__*/ defineContainer<JSX.IonSelectOption>('ion-select-option', defineIonSelectOption, [
   'disabled',
   'value'
 ]);
 
 
-export const IonSkeletonText = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText>('ion-skeleton-text', defineIonSkeletonText, [
+export const IonSkeletonText: StencilVueComponent<JSX.IonSkeletonText> = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText>('ion-skeleton-text', defineIonSkeletonText, [
   'animated',
   'ionStyle'
 ], [
@@ -921,7 +921,7 @@ export const IonSkeletonText = /*@__PURE__*/ defineContainer<JSX.IonSkeletonText
 ]);
 
 
-export const IonSpinner = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spinner', defineIonSpinner, [
+export const IonSpinner: StencilVueComponent<JSX.IonSpinner> = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spinner', defineIonSpinner, [
   'color',
   'duration',
   'name',
@@ -929,7 +929,7 @@ export const IonSpinner = /*@__PURE__*/ defineContainer<JSX.IonSpinner>('ion-spi
 ]);
 
 
-export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion-split-pane', defineIonSplitPane, [
+export const IonSplitPane: StencilVueComponent<JSX.IonSplitPane> = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion-split-pane', defineIonSplitPane, [
   'contentId',
   'disabled',
   'when',
@@ -939,7 +939,7 @@ export const IonSplitPane = /*@__PURE__*/ defineContainer<JSX.IonSplitPane>('ion
 ]);
 
 
-export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
+export const IonTab: StencilVueComponent<JSX.IonTab> = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defineIonTab, [
   'active',
   'delegate',
   'tab',
@@ -947,12 +947,12 @@ export const IonTab = /*@__PURE__*/ defineContainer<JSX.IonTab>('ion-tab', defin
 ]);
 
 
-export const IonText = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
+export const IonText: StencilVueComponent<JSX.IonText> = /*@__PURE__*/ defineContainer<JSX.IonText>('ion-text', defineIonText, [
   'color'
 ]);
 
 
-export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.IonTextarea["value"]>('ion-textarea', defineIonTextarea, [
+export const IonTextarea: StencilVueComponent<JSX.IonTextarea, JSX.IonTextarea["value"]> = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.IonTextarea["value"]>('ion-textarea', defineIonTextarea, [
   'color',
   'autocapitalize',
   'autofocus',
@@ -994,10 +994,10 @@ export const IonTextarea = /*@__PURE__*/ defineContainer<JSX.IonTextarea, JSX.Io
 'value', 'ion-input');
 
 
-export const IonThumbnail = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);
+export const IonThumbnail: StencilVueComponent<JSX.IonThumbnail> = /*@__PURE__*/ defineContainer<JSX.IonThumbnail>('ion-thumbnail', defineIonThumbnail);
 
 
-export const IonTitle = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title', defineIonTitle, [
+export const IonTitle: StencilVueComponent<JSX.IonTitle> = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title', defineIonTitle, [
   'color',
   'size',
   'ionStyle'
@@ -1006,7 +1006,7 @@ export const IonTitle = /*@__PURE__*/ defineContainer<JSX.IonTitle>('ion-title',
 ]);
 
 
-export const IonToggle = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonToggle["checked"]>('ion-toggle', defineIonToggle, [
+export const IonToggle: StencilVueComponent<JSX.IonToggle, JSX.IonToggle["checked"]> = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonToggle["checked"]>('ion-toggle', defineIonToggle, [
   'color',
   'name',
   'checked',
@@ -1027,7 +1027,7 @@ export const IonToggle = /*@__PURE__*/ defineContainer<JSX.IonToggle, JSX.IonTog
 'checked', 'ion-change');
 
 
-export const IonToolbar = /*@__PURE__*/ defineContainer<JSX.IonToolbar>('ion-toolbar', defineIonToolbar, [
+export const IonToolbar: StencilVueComponent<JSX.IonToolbar> = /*@__PURE__*/ defineContainer<JSX.IonToolbar>('ion-toolbar', defineIonToolbar, [
   'color'
 ]);