fix(vue): account for event name changes in vue 3.0.6+ (#22980)

resolves #22977
ionic-team · Feb 26, 2021 · 594be7d · 594be7d
1 parent 7b160e6
commit 594be7d
Show file tree

Hide file tree

Showing 8 changed files with 213 additions and 127 deletions.
diff --git a/core/package-lock.json b/core/package-lock.json
diff --git a/core/package.json b/core/package.json
@@ -38,7 +38,7 @@
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/core": "2.1.2",
     "@stencil/sass": "1.3.2",
-    "@stencil/vue-output-target": "0.3.0",
+    "@stencil/vue-output-target": "^0.4.1",
     "@types/jest": "^26.0.10",
     "@types/node": "^14.6.0",
     "@types/puppeteer": "3.0.1",

diff --git a/core/stencil.config.ts b/core/stencil.config.ts
@@ -91,13 +91,15 @@ export const config: Config = {
         {
           elements: ['ion-checkbox', 'ion-toggle'],
           targetAttr: 'checked',
-          event: 'v-ionChange',
+          // TODO Ionic v6 remove in favor of v-ion-change
+          event: ['v-ionChange', 'v-ion-change'],
           externalEvent: 'ionChange'
         },
         {
           elements: ['ion-datetime', 'ion-input', 'ion-radio-group', 'ion-radio', 'ion-range', 'ion-searchbar', 'ion-segment', 'ion-segment-button', 'ion-select', 'ion-textarea'],
           targetAttr: 'value',
-          event: 'v-ionChange',
+          // TODO Ionic v6 remove in favor of v-ion-change
+          event: ['v-ionChange', 'v-ion-change'],
           externalEvent: 'ionChange'
         }
       ],