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.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.