Slow behavior using CapacitorJS + Vue3

[sblum51]

Hi all,

I created an app with vue3 (typescript) with a QRCode reader using https://github.com/gruhn/vue-qrcode-reader (first I used other repos based on this project) I have been using CapacitorJS V4.

When using Chrome (web/pwa) everything is ok.
When I put it on one of my device (Android 12 / 12Gb of RAM) the first opening of the QRCode reader is ok. When I close the QRCode reader and reopen it , it's very slow or very laggy.

I found when I have my finger on the screen it's little bit better (touch event triggers vue event refresh ?) but not normal.

I remove loop on background (timer of the main goal of the app).

I also enabled hardware accelerated in android manifest: no change.

I thing my issue is the combination of several technologies: CapacitorJS / Android WebView / Vue / Maybe canvas used my the QRCode reader. Do you had the same ?

I will try other debugging things today 🤞

Thanks for your help

Best regards
Simon