test(chip): update the basic preview

Issue number: https://github.com/ionic-team/ionic-framework/issues/29659

---------

<!-- Please do not submit updates to dependencies unless it fixes an
issue. -->

<!-- Please try to limit your pull request to one type (bugfix, feature,
etc). Submit multiple pull requests if needed. -->

## What is the current behavior?
<!-- Please describe the current behavior that you are modifying. -->
while using `.use(IonicVue, {})`, the config object has no autocomplete.

## What is the new behavior?
<!-- Please describe the behavior or changes that are being added by
this PR. -->
- Add type autocomplete on plugin option in VueJS package.


## Does this introduce a breaking change?

- [ ] Yes
- [x] No

<!--
  If this introduces a breaking change:
1. Describe the impact and migration path for existing applications
below.
  2. Update the BREAKING.md file with the breaking change.
3. Add "BREAKING CHANGE: [...]" to the commit description when merging.
See
https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#footer
for more information.
-->


## Other information

<!-- Any other information that is important to this PR such as
screenshots of how the component looks before and after the change. -->

Co-authored-by: Julien Vaumoron <julien.vaumoron@kanoma.fr>

.github/workflows/actions/build-angular-server/action.yml

@@ -6,11 +6,19 @@ runs:
     - uses: actions/setup-node@v4
       with:
         node-version: 18.x
-
+    - uses: ./.github/workflows/actions/download-archive
+      with:
+        name: ionic-core
+        path: ./core
+        filename: CoreBuild.zip
     - name: Install Angular Server Dependencies
       run: npm ci
       shell: bash
       working-directory: ./packages/angular-server
+    - name: Sync
+      run: npm run sync
+      shell: bash
+      working-directory: ./packages/angular-server
     - name: Build
       run: npm run build.prod
       shell: bash

CHANGELOG.md

@@ -3,12 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+
+### Bug Fixes
+
+* **angular:** popover arrow navigation with disabled items ([#29662](https://github.com/ionic-team/ionic-framework/issues/29662)) ([ceb41f3](https://github.com/ionic-team/ionic-framework/commit/ceb41f31f382ff1bcf81de2b11680699d33d5077)), closes [#29640](https://github.com/ionic-team/ionic-framework/issues/29640)
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 
 ### Bug Fixes
 
-* **playwright:** bump packages upon new release ([#29596](https://github.com/ionic-team/ionic-framework/issues/29596)) ([e1c0f45](https://github.com/ionic-team/ionic-framework/commit/e1c0f457966ab79c7a8774ec9bd0b34458067305))
 * **refresher:** show when content is fullscreen ([#29608](https://github.com/ionic-team/ionic-framework/issues/29608)) ([5cdfac8](https://github.com/ionic-team/ionic-framework/commit/5cdfac89f5389cb3009427183f7034ba05788bc2)), closes [#18714](https://github.com/ionic-team/ionic-framework/issues/18714)
 
 

core/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+
+### Bug Fixes
+
+* **angular:** popover arrow navigation with disabled items ([#29662](https://github.com/ionic-team/ionic-framework/issues/29662)) ([ceb41f3](https://github.com/ionic-team/ionic-framework/commit/ceb41f31f382ff1bcf81de2b11680699d33d5077)), closes [#29640](https://github.com/ionic-team/ionic-framework/issues/29640)
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 

core/api.txt

@@ -783,7 +783,7 @@ ion-item,prop,button,boolean,false,false,false
 ion-item,prop,color,"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined,undefined,false,true
 ion-item,prop,detail,boolean | undefined,undefined,false,false
 ion-item,prop,detailIcon,string,chevronForward,false,false
-ion-item,prop,disabled,boolean,false,false,false
+ion-item,prop,disabled,boolean,false,false,true
 ion-item,prop,download,string | undefined,undefined,false,false
 ion-item,prop,href,string | undefined,undefined,false,false
 ion-item,prop,lines,"full" | "inset" | "none" | undefined,undefined,false,false

core/package-lock.json

@@ -1,20 +1,20 @@
 {
   "name": "@ionic/core",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/core",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       },
       "devDependencies": {
-        "@axe-core/playwright": "^4.8.5",
+        "@axe-core/playwright": "^4.9.1",
         "@capacitor/core": "^6.0.0",
         "@capacitor/haptics": "^6.0.0",
         "@capacitor/keyboard": "^6.0.0",
@@ -22,7 +22,7 @@
         "@clack/prompts": "^0.7.0",
         "@ionic/eslint-config": "^0.3.0",
         "@ionic/prettier-config": "^2.0.0",
-        "@playwright/test": "^1.39.0",
+        "@playwright/test": "^1.44.1",
         "@rollup/plugin-node-resolve": "^8.4.0",
         "@rollup/plugin-virtual": "^2.0.3",
         "@stencil/angular-output-target": "^0.8.4",
@@ -661,9 +661,9 @@
       "dev": true
     },
     "node_modules/@capacitor/core": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-6.0.0.tgz",
-      "integrity": "sha512-NvxIQsJcMiIV+Le1DilR2GGyQQbDInfXK1UywGROQ5mycdFlW5XoAPZ+MKnFGB123RoEgE3uhDGgwTXUmSlX9A==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-6.1.0.tgz",
+      "integrity": "sha512-Kt4ONm0X9xxJXn9Q73oBaKdzep5B/VJw3VjXa2eGul4cD2k37mJwgjpXSMRnLH0Aju5bCiRL8J/hMAfTlokO6A==",
       "dev": true,
       "dependencies": {
         "tslib": "^2.1.0"
@@ -679,9 +679,9 @@
       }
     },
     "node_modules/@capacitor/keyboard": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@capacitor/keyboard/-/keyboard-6.0.0.tgz",
-      "integrity": "sha512-pPX/PQWWjw5ce47kHEYv6IWlHzuhAxgXihqEAAAGLdwK3u3srgGWCljXrYS9juVBPi/lA1uK7UaUzYI0XrgxVQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@capacitor/keyboard/-/keyboard-6.0.1.tgz",
+      "integrity": "sha512-fBjqQaMc5uhFj6ycLnLa2hzQsR77pj/iuLLATkWihMUze3dD+IkwqFnEyOLsyk+52uoOYM7WkziSpNTquU1sZA==",
       "dev": true,
       "peerDependencies": {
         "@capacitor/core": "^6.0.0"
@@ -1824,9 +1824,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.3.tgz",
-      "integrity": "sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -9810,9 +9810,9 @@
       }
     },
     "node_modules/typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.2.tgz",
+      "integrity": "sha512-NcRtPEOsPFFWjobJEtfihkLCZCXZt/os3zf8nTxjVH3RvTSxjrCamJpbExGvYOF+tFHc3pA65qpdwPbzjohhew==",
       "dev": true,
       "peer": true,
       "bin": {
@@ -10741,9 +10741,9 @@
       "dev": true
     },
     "@capacitor/core": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-6.0.0.tgz",
-      "integrity": "sha512-NvxIQsJcMiIV+Le1DilR2GGyQQbDInfXK1UywGROQ5mycdFlW5XoAPZ+MKnFGB123RoEgE3uhDGgwTXUmSlX9A==",
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@capacitor/core/-/core-6.1.0.tgz",
+      "integrity": "sha512-Kt4ONm0X9xxJXn9Q73oBaKdzep5B/VJw3VjXa2eGul4cD2k37mJwgjpXSMRnLH0Aju5bCiRL8J/hMAfTlokO6A==",
       "dev": true,
       "requires": {
         "tslib": "^2.1.0"
@@ -10757,9 +10757,9 @@
       "requires": {}
     },
     "@capacitor/keyboard": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/@capacitor/keyboard/-/keyboard-6.0.0.tgz",
-      "integrity": "sha512-pPX/PQWWjw5ce47kHEYv6IWlHzuhAxgXihqEAAAGLdwK3u3srgGWCljXrYS9juVBPi/lA1uK7UaUzYI0XrgxVQ==",
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@capacitor/keyboard/-/keyboard-6.0.1.tgz",
+      "integrity": "sha512-fBjqQaMc5uhFj6ycLnLa2hzQsR77pj/iuLLATkWihMUze3dD+IkwqFnEyOLsyk+52uoOYM7WkziSpNTquU1sZA==",
       "dev": true,
       "requires": {}
     },
@@ -11583,9 +11583,9 @@
       "requires": {}
     },
     "@stencil/core": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.3.tgz",
-      "integrity": "sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@stencil/react-output-target": {
       "version": "0.5.3",
@@ -17390,9 +17390,9 @@
       }
     },
     "typescript": {
-      "version": "5.4.5",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.4.5.tgz",
-      "integrity": "sha512-vcI4UpRgg81oIRUFwR0WSIHKt11nJ7SAVlYNIu+QpqeyXP+gpQJy/Z4+F0aGxSE4MqwjyXvW/TzgkLAx2AGHwQ==",
+      "version": "5.5.2",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.2.tgz",
+      "integrity": "sha512-NcRtPEOsPFFWjobJEtfihkLCZCXZt/os3zf8nTxjVH3RvTSxjrCamJpbExGvYOF+tFHc3pA65qpdwPbzjohhew==",
       "dev": true,
       "peer": true
     },
@@ -17745,4 +17745,4 @@
       "dev": true
     }
   }
-}
+}

core/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/core",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Base components for Ionic",
   "keywords": [
     "ionic",
@@ -31,12 +31,12 @@
     "loader/"
   ],
   "dependencies": {
-    "@stencil/core": "^4.17.2",
+    "@stencil/core": "^4.19.1",
     "ionicons": "^7.2.2",
     "tslib": "^2.1.0"
   },
   "devDependencies": {
-    "@axe-core/playwright": "^4.8.5",
+    "@axe-core/playwright": "^4.9.1",
     "@capacitor/core": "^6.0.0",
     "@capacitor/haptics": "^6.0.0",
     "@capacitor/keyboard": "^6.0.0",
@@ -44,7 +44,7 @@
     "@clack/prompts": "^0.7.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
-    "@playwright/test": "^1.39.0",
+    "@playwright/test": "^1.44.1",
     "@rollup/plugin-node-resolve": "^8.4.0",
     "@rollup/plugin-virtual": "^2.0.3",
     "@stencil/angular-output-target": "^0.8.4",

core/scripts/testing/createPlayground.js

@@ -0,0 +1,74 @@
+export async function createPlayground(componentTag, propDefinitions, innerContent = '') {
+  const playground = document.createElement('div');
+  const form = document.createElement('form');
+  const preview = document.createElement('div');
+  preview.classList.add('preview');
+
+  function renderComponent(props) {
+    const component = document.createElement(componentTag);
+    Object.keys(props).forEach(propName => {
+      if (props[propName] !== undefined && props[propName] !== '') {
+        component.setAttribute(propName, props[propName]);
+      }
+    });
+
+    // Set inner HTML content if provided
+    if (innerContent) {
+      component.innerHTML = innerContent;
+    }
+
+    preview.innerHTML = '';
+    preview.appendChild(component);
+  }
+
+  propDefinitions.forEach(prop => {
+    const label = document.createElement('label');
+    const labelText = document.createElement('span');
+    labelText.textContent = `${prop.name}: `;
+
+    const input = document.createElement('input');
+    input.type = prop.type === 'boolean' ? 'checkbox' : 'text';
+    input.name = prop.name;
+    input.value = prop.defaultValue || '';
+
+    if (prop.type === 'boolean') {
+      input.checked = prop.defaultValue === 'true';
+    }
+
+    input.addEventListener('input', () => {
+      const formData = new FormData(form);
+      const props = {};
+
+      formData.forEach((value, key) => {
+        const field = form.elements[key];
+
+        if (field.type === 'checkbox') {
+          props[key] = field.checked;
+        } else {
+          props[key] = value;
+        }
+      });
+
+      renderComponent(props);
+    });
+
+    label.appendChild(labelText);
+    label.appendChild(input);
+    form.appendChild(label);
+    form.appendChild(document.createElement('br'));
+  });
+
+  playground.appendChild(preview);
+  // add a divider
+  playground.appendChild(document.createElement('hr'));
+  playground.appendChild(form);
+
+  // Initial render with default props
+  const defaultProps = Object.fromEntries(
+    propDefinitions.map(prop => [prop.name, prop.defaultValue || ''])
+  );
+
+  renderComponent(defaultProps);
+
+  return playground;
+}

core/src/components/chip/test/basic/index.html

@@ -12,6 +12,21 @@
     <script src="../../../../../scripts/testing/scripts.js"></script>
     <script nomodule src="../../../../../dist/ionic/ionic.js"></script>
     <script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
+    <style>
+      .preview {
+        min-height: 50px;
+      }
+      label {
+        display: flex;
+        align-items: center;
+      }
+
+      label span {
+        min-width: 100px;
+        text-align: left;
+        margin-inline-end: 10px;
+      }
+    </style>
   </head>
 
   <body>
@@ -21,86 +36,34 @@
           <ion-title>Chip - Basic</ion-title>
         </ion-toolbar>
       </ion-header>
-
       <ion-content class="ion-padding" id="content" style="text-align: center">
-        <h2>Basic Chips</h2>
-        <ion-chip>
-          <ion-label>Default</ion-label>
-        </ion-chip>
-        <ion-chip style="border-radius: 4px">
-          <ion-label>Border Radius</ion-label>
-        </ion-chip>
-        <ion-chip>
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>With Icon</ion-label>
-        </ion-chip>
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>With Avatar</ion-label>
-        </ion-chip>
-        <ion-chip>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>With Icon and Avatar</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
-        </ion-chip>
-
-        <h2>Color Chips</h2>
-        <ion-chip color="primary">
-          <ion-label>Primary</ion-label>
-        </ion-chip>
-        <ion-chip color="danger">
-          <ion-label>Danger</ion-label>
-        </ion-chip>
-        <ion-chip color="tertiary">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Tertiary with Icon</ion-label>
-        </ion-chip>
-        <ion-chip color="primary">
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-          <ion-label>Primary with Avatar</ion-label>
-        </ion-chip>
-        <ion-chip color="success">
-          <ion-label>Success with Icon</ion-label>
-          <ion-icon name="calendar"></ion-icon>
-        </ion-chip>
-
-        <h2>Outline Chips</h2>
-        <ion-chip outline>
-          <ion-label>Outline</ion-label>
-        </ion-chip>
-        <ion-chip outline color="danger">
-          <ion-label>Danger Outline</ion-label>
-        </ion-chip>
-        <ion-chip outline color="secondary">
-          <ion-icon name="checkmark-circle"></ion-icon>
-          <ion-label>Secondary Outline with Icon</ion-label>
-        </ion-chip>
-        <ion-chip outline color="primary">
-          <ion-label>Primary Outline with Avatar</ion-label>
-          <ion-avatar>
-            <img
-              src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVkYmZmIiBkPSJNMCAwaDUxMnY1MTJIMHoiLz48cGF0aCBkPSJNMjU2IDMwNGM2MS42IDAgMTEyLTUwLjQgMTEyLTExMlMzMTcuNiA4MCAyNTYgODBzLTExMiA1MC40LTExMiAxMTIgNTAuNCAxMTIgMTEyIDExMnptMCA0MGMtNzQuMiAwLTIyNCAzNy44LTIyNCAxMTJ2NTZoNDQ4di01NmMwLTc0LjItMTQ5LjgtMTEyLTIyNC0xMTJ6IiBmaWxsPSIjODJhZWZmIi8+PC9zdmc+"
-            />
-          </ion-avatar>
-        </ion-chip>
-        <ion-chip outline>
-          <ion-icon name="git-pull-request"></ion-icon>
-          <ion-label>Outline with Icon and Avatar</ion-label>
-          <ion-icon name="close-circle"></ion-icon>
-        </ion-chip>
+        <div id="playground"></div>
       </ion-content>
     </ion-app>
+    <script type="module">
+      import { createPlayground } from '../../../../../scripts/testing/createPlayground.js';
+
+      const chipProps = [
+        {
+          name: 'color',
+          type: 'string',
+          description:
+            'The color to use from your application\'s color palette. Default options are: "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", and "dark".',
+          defaultValue: 'primary',
+        },
+        {
+          name: 'outline',
+          type: 'boolean',
+          description: 'If true, the chip will have a basic style.',
+          defaultValue: 'false',
+        },
+      ];
+
+      const innerContent = '<span>Hi</span>';
+
+      createPlayground('ion-chip', chipProps, innerContent).then((playground) => {
+        document.getElementById('playground').appendChild(playground);
+      });
+    </script>
   </body>
 </html>

core/src/components/item/item.tsx

@@ -64,7 +64,7 @@ export class Item implements ComponentInterface, AnchorInterface, ButtonInterfac
   /**
    * If `true`, the user cannot interact with the item.
    */
-  @Prop() disabled = false;
+  @Prop({ reflect: true }) disabled = false;
 
   /**
    * This attribute instructs browsers to download a URL instead of navigating to

core/src/components/radio/radio.scss

@@ -72,7 +72,7 @@ input {
  */
 :host([slot="start"]),
 :host([slot="end"]) {
-  // Reset the flex property when the checkbox
+  // Reset the flex property when the radio
   // is slotted to avoid growing the element larger
   // than its content.
   flex: initial;

core/src/components/refresher/test/fullscreen/index.html

@@ -2,7 +2,7 @@
 <html lang="en" dir="ltr">
   <head>
     <meta charset="UTF-8" />
-    <title>Refresher - Basic</title>
+    <title>Refresher - Fullscreen</title>
     <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"

core/src/components/select/select.scss

@@ -100,7 +100,7 @@
  */
 :host([slot="start"]),
 :host([slot="end"]) {
-  // Reset the flex property when the checkbox
+  // Reset the flex property when the select
   // is slotted to avoid growing the element larger
   // than its content.
   flex: initial;

core/src/components/toggle/toggle.scss

@@ -53,7 +53,7 @@
  */
 :host([slot="start"]),
 :host([slot="end"]) {
-  // Reset the flex property when the checkbox
+  // Reset the flex property when the toggle
   // is slotted to avoid growing the element larger
   // than its content.
   flex: initial;

lerna.json

@@ -3,5 +3,5 @@
     "core",
     "packages/*"
   ],
-  "version": "8.2.2"
+  "version": "8.2.4"
 }

packages/angular-server/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+**Note:** Version bump only for package @ionic/angular-server
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/angular-server

packages/angular-server/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular-server",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.2"
+        "@ionic/core": "^8.2.4"
       },
       "devDependencies": {
         "@angular-eslint/eslint-plugin": "^16.0.0",
@@ -23,6 +23,7 @@
         "@angular/platform-server": "^16.0.0",
         "@ionic/eslint-config": "^0.3.0",
         "@ionic/prettier-config": "^2.0.0",
+        "@types/node": "^20.14.9",
         "@typescript-eslint/eslint-plugin": "^5.2.0",
         "eslint": "^7.32.0",
         "eslint-plugin-import": "^2.25.2",
@@ -1119,11 +1120,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -1628,9 +1629,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -1655,6 +1656,15 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/node": {
+      "version": "20.14.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.9.tgz",
+      "integrity": "sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==",
+      "dev": true,
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "node_modules/@types/resolve": {
       "version": "1.20.2",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
@@ -6006,6 +6016,12 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "node_modules/unique-filename": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz",
@@ -6953,11 +6969,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "requires": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -7264,9 +7280,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@types/estree": {
       "version": "1.0.5",
@@ -7282,6 +7298,15 @@
       "version": "0.0.29",
       "dev": true
     },
+    "@types/node": {
+      "version": "20.14.9",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.9.tgz",
+      "integrity": "sha512-06OCtnTXtWOZBJlRApleWndH4JsRVs1pDCc8dLSQp+7PpUpX3ePdHyeNSFTeSe7FtKyQkrlPvHwJOW3SLd8Oyg==",
+      "dev": true,
+      "requires": {
+        "undici-types": "~5.26.4"
+      }
+    },
     "@types/resolve": {
       "version": "1.20.2",
       "resolved": "https://registry.npmjs.org/@types/resolve/-/resolve-1.20.2.tgz",
@@ -10082,6 +10107,12 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+    "undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "dev": true
+    },
     "unique-filename": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/unique-filename/-/unique-filename-3.0.0.tgz",
@@ -10270,4 +10301,4 @@
       }
     }
   }
-}
+}

packages/angular-server/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular-server",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Angular SSR Module for Ionic",
   "keywords": [
     "ionic",
@@ -32,7 +32,8 @@
     "lint": "eslint . --ext .ts && npm run prettier",
     "lint.fix": "eslint . --ext .ts --fix && npm run prettier.fix",
     "prettier": "prettier \"**/*.ts\" --check",
-    "prettier.fix": "prettier \"**/*.ts\" --write"
+    "prettier.fix": "prettier \"**/*.ts\" --write",
+    "sync": "sh ./scripts/sync.sh"
   },
   "peerDependencies": {
     "@angular/core": ">=16.0.0",
@@ -52,6 +53,7 @@
     "@angular/platform-server": "^16.0.0",
     "@ionic/eslint-config": "^0.3.0",
     "@ionic/prettier-config": "^2.0.0",
+    "@types/node": "^20.14.9",
     "@typescript-eslint/eslint-plugin": "^5.2.0",
     "eslint": "^7.32.0",
     "eslint-plugin-import": "^2.25.2",
@@ -62,6 +64,6 @@
   },
   "prettier": "@ionic/prettier-config",
   "dependencies": {
-    "@ionic/core": "^8.2.2"
+    "@ionic/core": "^8.2.4"
   }
 }

packages/angular-server/scripts/sync.sh

@@ -0,0 +1,12 @@
+#!/bin/bash
+
+set -e
+
+# Delete old packages
+rm -f *.tgz
+
+# Pack @ionic/core
+npm pack ../../core
+
+# Install Dependencies
+npm install *.tgz --no-save

packages/angular/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+
+### Bug Fixes
+
+* **angular:** popover arrow navigation with disabled items ([#29662](https://github.com/ionic-team/ionic-framework/issues/29662)) ([ceb41f3](https://github.com/ionic-team/ionic-framework/commit/ceb41f31f382ff1bcf81de2b11680699d33d5077)), closes [#29640](https://github.com/ionic-team/ionic-framework/issues/29640)
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/angular

packages/angular/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/angular",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/angular",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.2",
+        "@ionic/core": "^8.2.4",
         "ionicons": "^7.0.0",
         "jsonc-parser": "^3.0.0",
         "tslib": "^2.3.0"
@@ -1398,11 +1398,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -2203,9 +2203,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -9820,11 +9820,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "requires": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -10375,9 +10375,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@tootallnate/once": {
       "version": "2.0.0",
@@ -15020,4 +15020,4 @@
       }
     }
   }
-}
+}

packages/angular/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/angular",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Angular specific wrappers for @ionic/core",
   "keywords": [
     "ionic",
@@ -47,7 +47,7 @@
     }
   },
   "dependencies": {
-    "@ionic/core": "^8.2.2",
+    "@ionic/core": "^8.2.4",
     "ionicons": "^7.0.0",
     "jsonc-parser": "^3.0.0",
     "tslib": "^2.3.0"

packages/angular/test/base/e2e/src/lazy/popover.spec.ts

@@ -22,4 +22,14 @@ describe('Popovers: Inline', () => {
     cy.get('ion-list ion-item:nth-child(3)').should('have.text', 'C');
     cy.get('ion-list ion-item:nth-child(4)').should('have.text', 'D');
   });
+
+  it('should have an item with a disabled attribute', () => {
+    cy.get('ion-button').click();
+
+    cy.get('ion-popover').should('be.visible');
+
+    cy.wait(1500);
+
+    cy.get('ion-list ion-item:nth-child(3)').should('have.attr', 'disabled');
+  });
 });

packages/angular/test/base/src/app/lazy/home-page/home-page.component.html

@@ -57,5 +57,10 @@
         Accordions Test
       </ion-label>
     </ion-item>
+    <ion-item routerLink="/lazy/popover-inline">
+      <ion-label>
+        Popovers
+      </ion-label>
+    </ion-item>
   </ion-list>
 </ion-content>

packages/angular/test/base/src/app/lazy/popover-inline/popover-inline.component.html

@@ -4,8 +4,8 @@
   <ng-template>
     <ion-content>
       <ion-list>
-        <ion-item *ngFor="let item of items">
-          <ion-label>{{ item }}</ion-label>
+        <ion-item *ngFor="let item of items" [button]="true" [disabled]="item.disabled">
+          <ion-label>{{ item.text }}</ion-label>
         </ion-item>
       </ion-list>
     </ion-content>

packages/angular/test/base/src/app/lazy/popover-inline/popover-inline.component.ts

@@ -13,13 +13,13 @@ import { IonPopover } from "@ionic/angular";
 })
 export class PopoverInlineComponent {
 
-  items: string[] = [];
+  items: {text: string, disabled?: boolean}[] = [];
 
   openPopover(popover: IonPopover) {
     popover.present();
 
     setTimeout(() => {
-      this.items = ['A', 'B', 'C', 'D'];
+      this.items = [{text: 'A'}, {text: 'B'}, {text: 'C', disabled: true}, {text: 'D'}];
     }, 1000);
   }
 

packages/docs/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+**Note:** Version bump only for package @ionic/docs
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/docs

packages/docs/package-lock.json

@@ -1,13 +1,13 @@
 {
   "name": "@ionic/docs",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/docs",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT"
     }
   }
-}
+}

packages/docs/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/docs",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Pre-packaged API documentation for the Ionic docs.",
   "main": "core.json",
   "types": "core.d.ts",

packages/react-router/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+**Note:** Version bump only for package @ionic/react-router
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/react-router

packages/react-router/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react-router",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/react": "^8.2.2",
+        "@ionic/react": "^8.2.4",
         "tslib": "*"
       },
       "devDependencies": {
@@ -238,11 +238,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -414,11 +414,11 @@
       }
     },
     "node_modules/@ionic/react": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.1.tgz",
-      "integrity": "sha512-2HE5ajIHdBJYR7GFphpNQjBpjGULztm/6sa1Xpk9K440I1v2ipUHdQoZlBMMcM2PQMuBeiMlRmwXgqTAi09/qQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.4.tgz",
+      "integrity": "sha512-ELhVS+aom97BvlEPC33XIeFe9nwB+Nfp74au4lWpckl1ELqwq3nfzAPco1E7cYGLla5M0Rq/hgzn1NYlBI5Ryw==",
       "dependencies": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -667,9 +667,9 @@
       ]
     },
     "node_modules/@stencil/core": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.3.tgz",
-      "integrity": "sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -4057,11 +4057,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "requires": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -4163,11 +4163,11 @@
       "requires": {}
     },
     "@ionic/react": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.1.tgz",
-      "integrity": "sha512-2HE5ajIHdBJYR7GFphpNQjBpjGULztm/6sa1Xpk9K440I1v2ipUHdQoZlBMMcM2PQMuBeiMlRmwXgqTAi09/qQ==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/react/-/react-8.2.4.tgz",
+      "integrity": "sha512-ELhVS+aom97BvlEPC33XIeFe9nwB+Nfp74au4lWpckl1ELqwq3nfzAPco1E7cYGLla5M0Rq/hgzn1NYlBI5Ryw==",
       "requires": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       }
@@ -4304,9 +4304,9 @@
       "optional": true
     },
     "@stencil/core": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.3.tgz",
-      "integrity": "sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@types/estree": {
       "version": "1.0.4",
@@ -6666,4 +6666,4 @@
       "dev": true
     }
   }
-}
+}

packages/react-router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react-router",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "React Router wrapper for @ionic/react",
   "keywords": [
     "ionic",
@@ -36,7 +36,7 @@
     "dist/"
   ],
   "dependencies": {
-    "@ionic/react": "^8.2.2",
+    "@ionic/react": "^8.2.4",
     "tslib": "*"
   },
   "peerDependencies": {

packages/react-router/test/apps/reactrouter5/package-lock.json

@@ -16459,7 +16459,7 @@
         "postcss-value-parser": "^4.2.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.2"
+        "postcss": "^8.2.3"
       }
     },
     "node_modules/postcss-clamp": {

packages/react/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+**Note:** Version bump only for package @ionic/react
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/react

packages/react/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/react",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/react",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.2",
+        "@ionic/core": "^8.2.4",
         "ionicons": "^7.0.0",
         "tslib": "*"
       },
@@ -798,11 +798,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -1661,9 +1661,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -13035,11 +13035,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "requires": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -13631,9 +13631,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@szmarczak/http-timer": {
       "version": "4.0.6",
@@ -21825,4 +21825,4 @@
       }
     }
   }
-}
+}

packages/react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/react",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "React specific wrapper for @ionic/core",
   "keywords": [
     "ionic",
@@ -39,7 +39,7 @@
     "css/"
   ],
   "dependencies": {
-    "@ionic/core": "^8.2.2",
+    "@ionic/core": "^8.2.4",
     "ionicons": "^7.0.0",
     "tslib": "*"
   },

packages/react/test/apps/react17/package-lock.json

@@ -12603,7 +12603,7 @@
         "postcss-value-parser": "^4.2.0"
       },
       "peerDependencies": {
-        "postcss": "^8.2.2"
+        "postcss": "^8.2.3"
       }
     },
     "node_modules/postcss-clamp": {

packages/vue-router/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+**Note:** Version bump only for package @ionic/vue-router
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/vue-router

packages/vue-router/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue-router",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/vue": "^8.2.2"
+        "@ionic/vue": "^8.2.4"
       },
       "devDependencies": {
         "@ionic/eslint-config": "^0.3.0",
@@ -661,11 +661,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -852,11 +852,11 @@
       }
     },
     "node_modules/@ionic/vue": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.1.tgz",
-      "integrity": "sha512-rMg8LhWUgRYCFU7+tJOzP9Cfxm5k9YqE1pWPyuf8RtvZ8WnaTNx1D5TQK2/RV63kwukyS5zM3eM6M9iWkoHJQw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.4.tgz",
+      "integrity": "sha512-0HVaV0temhEsxnaZTx2DibFEGe7QTy7COaL3dquT2/KapPpEcDkKXB/eyYjPbbxDbNmv5jFfmaV7YGJ7Ad2mmg==",
       "dependencies": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.4",
         "ionicons": "^7.0.0"
       }
     },
@@ -1508,9 +1508,9 @@
       }
     },
     "node_modules/@stencil/core": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.3.tgz",
-      "integrity": "sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -7878,11 +7878,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "requires": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -7993,11 +7993,11 @@
       "requires": {}
     },
     "@ionic/vue": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.1.tgz",
-      "integrity": "sha512-rMg8LhWUgRYCFU7+tJOzP9Cfxm5k9YqE1pWPyuf8RtvZ8WnaTNx1D5TQK2/RV63kwukyS5zM3eM6M9iWkoHJQw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/vue/-/vue-8.2.4.tgz",
+      "integrity": "sha512-0HVaV0temhEsxnaZTx2DibFEGe7QTy7COaL3dquT2/KapPpEcDkKXB/eyYjPbbxDbNmv5jFfmaV7YGJ7Ad2mmg==",
       "requires": {
-        "@ionic/core": "8.2.1",
+        "@ionic/core": "8.2.4",
         "ionicons": "^7.0.0"
       }
     },
@@ -8461,9 +8461,9 @@
       }
     },
     "@stencil/core": {
-      "version": "4.18.3",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.18.3.tgz",
-      "integrity": "sha512-8yoG5AFQYEPocVtuoc5kvRS0Hku0MoDWDUpADRaXPVHsOFLmxR16LJENj25ucCz5GEfeTGQ/tCE8JAypPmr/fQ=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@tootallnate/once": {
       "version": "2.0.0",
@@ -12798,4 +12798,4 @@
       "dev": true
     }
   }
-}
+}

packages/vue-router/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue-router",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Vue Router integration for @ionic/vue",
   "scripts": {
     "test.spec": "jest",
@@ -44,7 +44,7 @@
   },
   "homepage": "https://github.com/ionic-team/ionic-framework#readme",
   "dependencies": {
-    "@ionic/vue": "^8.2.2"
+    "@ionic/vue": "^8.2.4"
   },
   "devDependencies": {
     "@ionic/eslint-config": "^0.3.0",

packages/vue/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.2.4](https://github.com/ionic-team/ionic-framework/compare/v8.2.2...v8.2.4) (2024-06-28)
+
+**Note:** Version bump only for package @ionic/vue
+
+
+
+
+
+## 8.2.3
+
+This version should be skipped. Install 8.2.4 instead.
+
+
+
+
+
 ## [8.2.2](https://github.com/ionic-team/ionic-framework/compare/v8.2.1...v8.2.2) (2024-06-12)
 
 **Note:** Version bump only for package @ionic/vue

packages/vue/package-lock.json

@@ -1,15 +1,15 @@
 {
   "name": "@ionic/vue",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@ionic/vue",
-      "version": "8.2.2",
+      "version": "8.2.4",
       "license": "MIT",
       "dependencies": {
-        "@ionic/core": "^8.2.2",
+        "@ionic/core": "^8.2.4",
         "ionicons": "^7.0.0"
       },
       "devDependencies": {
@@ -208,11 +208,11 @@
       "dev": true
     },
     "node_modules/@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "dependencies": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       }
@@ -628,9 +628,9 @@
       ]
     },
     "node_modules/@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg==",
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw==",
       "bin": {
         "stencil": "bin/stencil"
       },
@@ -3959,11 +3959,11 @@
       "dev": true
     },
     "@ionic/core": {
-      "version": "8.2.1",
-      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.1.tgz",
-      "integrity": "sha512-nIoCdjzogRmyCoD7UcKUV3LmzkiqDN+TxHhkCTRVeNPFQwC5zuTbYKb714caJ6ixKSDBlDiEaLRIb2zgr57ekw==",
+      "version": "8.2.4",
+      "resolved": "https://registry.npmjs.org/@ionic/core/-/core-8.2.4.tgz",
+      "integrity": "sha512-lCsPzSEVs/XQMF25/phHlwhDNUlz4gqotzY/fEbhq2PT6Z5w81NndRAPsLQ4JM2k4N2gjJNeUFZJi+W78z2qtA==",
       "requires": {
-        "@stencil/core": "^4.17.2",
+        "@stencil/core": "^4.19.1",
         "ionicons": "^7.2.2",
         "tslib": "^2.1.0"
       },
@@ -4203,9 +4203,9 @@
       "optional": true
     },
     "@stencil/core": {
-      "version": "4.17.2",
-      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.17.2.tgz",
-      "integrity": "sha512-MX7yaLmpTU9iZvCire9nhecTcE0qBlV0vPWrLMeIXewYN7/hb8B3NjnhQyBKC93FDPI8NBRmt6KIugLw9zcRZg=="
+      "version": "4.19.1",
+      "resolved": "https://registry.npmjs.org/@stencil/core/-/core-4.19.1.tgz",
+      "integrity": "sha512-fjSBctHrobeSL2+XcuX7GVk/eaUhZ/lvIu21RJmzHAPcNyueuSAEv7J/Isn4UlYNk70o+yOK72H0FTlNkUibvw=="
     },
     "@types/estree": {
       "version": "1.0.4",
@@ -6551,4 +6551,4 @@
       "dev": true
     }
   }
-}
+}

packages/vue/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ionic/vue",
-  "version": "8.2.2",
+  "version": "8.2.4",
   "description": "Vue specific wrapper for @ionic/core",
   "scripts": {
     "eslint": "eslint src",
@@ -66,7 +66,7 @@
     "vue-router": "^4.0.16"
   },
   "dependencies": {
-    "@ionic/core": "^8.2.2",
+    "@ionic/core": "^8.2.4",
     "ionicons": "^7.0.0"
   },
   "vetur": {

packages/vue/src/ionic-vue.ts

@@ -21,7 +21,7 @@ const getHelperFunctions = () => {
   };
 };
 
-export const IonicVue: Plugin = {
+export const IonicVue: Plugin<[IonicConfig?]> = {
   async install(_: App, config: IonicConfig = {}) {
     /**
      * By default Ionic Framework hides elements that

packages/vue/test/apps/vue3/package.json

@@ -19,7 +19,7 @@
     "@ionic/vue": "^6.0.12",
     "@ionic/vue-router": "^6.0.12",
     "ionicons": "^6.0.4",
-    "vue": "^3.4.14",
+    "vue": "^3.4.30",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {