bug: Scroll-events not working in version 8.4.3 of @ionic/vue

[cclilshy]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

Time of discovery

The anomaly was discovered after a 'yarn upgrade' on 02/04/2024
@ionic/vue@8.4.3:"https://registry.npmmirror.com/@ionic/vue/-/vue-8.4.3.tgz#c59d81e0639f28827ea289d4f2a81c5255cb7f15"

Specific phenomena

example1

This code doesn't do any work

<ion-content :scroll-events="true" @ionScroll="handleScroll">

example2

The 'disabled' and 'loading-text' of this code both work, but the '@ionInfinite' does not fire

<ion-infinite-scroll :disabled="!hasMore" @ionInfinite="handleInfinite">
  <ion-infinite-scroll-content :loading-spinner="'bubbles'" :loading-text="t('message.loading')">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>

Expected Behavior

see:https://ionicframework.com/docs/api/content#scroll-events

Steps to Reproduce

see:https://ionicframework.com/docs/api/content#scroll-events

solution

• Rolled back the dependencies to version 8.4.1 and everything worked fine
• It works fine after removing import {IonContent...} from "@ionic/vue";, but the console prompts

Failed to resolve component: ion-content If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

Possible problems

• proxies.d.ts There is a problem

Code Reproduction URL

Ionic Info

Ionic:

Ionic CLI : 7.2.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/vue 8.4.3

Capacitor:

Capacitor CLI : 6.2.0
@capacitor/android : 6.2.0
@capacitor/core : 6.2.0
@capacitor/ios : 6.2.0

Utility:

cordova-res : not installed globally
native-run : 2.0.1

System:

NodeJS : v20.11.0 (~/.nvm/versions/node/v20.11.0/bin/node)
npm : 10.9.2
OS : macOS Unknown

Additional Information

No response

[NyaomiDEV]

<ion-content :scroll-events="true" @[ion-scroll]="handleScroll">

or also

<ion-infinite-scroll :disabled="!hasMore" @[ion-infinite]="handleInfinite">

should work.

Related #30170

[cclilshy]

<ion-content :scroll-events="true" @[ion-scroll]="handleScroll">

or also

<ion-infinite-scroll :disabled="!hasMore" @[ion-infinite]="handleInfinite">

should work.

Related #30170

Thank you. It can be used. Is this a temporary plan or a future standard?

[NyaomiDEV]

Thank you. It can be used. Is this a temporary plan or a future standard?

The consensus is that this is a bug and what I provided you with is a workaround

[cclilshy]

Thank you. It can be used. Is this a temporary plan or a future standard?

The consensus is that this is a bug and what I provided you with is a workaround

Thank you again for your answer.

[brandyscarney]

Thank you for the issue! We're currently investigating this, along with all other related Vue issues introduced in version 8.4.3.