Vue 3 + vite warnings

[preetamslot]

I use Quasar and in Webpack all worked fine, but with Vite the carousel won't start.
it gives me these warnings in the console:

Flicking.ts:160 
[Vue warn]: Property "vanillaFlicking" was accessed during render but is not defined on instance. 
  at <Flicking plugins= [Arrow2] ref="carousel" options= {align: 'prev', circular: false, bound: true, useResizeObserver: true, resizeDebounce: 100, …}  ... >  

Flicking.ts:186 
[Vue warn]: Property "getPanels" was accessed during render but is not defined on instance. 
  at <Flicking plugins= [Arrow2] ref="carousel" options= {align: 'prev', circular: false, bound: true, useResizeObserver: true, resizeDebounce: 100, …}align: "prev"bound: truecircular: falserenderOnlyVisible: trueresizeDebounce: 100useResizeObserver: true[[Prototype]]: Object  ... > 

If I console log the carousel ref:

{
    "viewportTag": "div",
    "cameraTag": "div",
    "cameraClass": "",
    "hideBeforeInit": false,
    "options": {
        "align": "prev",
        "circular": false,
        "bound": true,
        "useResizeObserver": true,
        "resizeDebounce": 100,
        "renderOnlyVisible": true
    },
    "plugins": [
        {
            "_flicking": null,
            "_parentEl": null,
            "_prevElSelector": ".flicking-arrow-prev",
            "_nextElSelector": ".flicking-arrow-next",
            "_disabledClass": "flicking-arrow-disabled",
            "_moveCount": 1,
            "_moveByViewportSize": false
        }
    ]
}

Any pointer on how to get this working?
Thanks

[malangfox]

Hello @preetamslot.

This seems to be an issue that needs to be fixed in our components.
Can we check if there is a repo that reproduces this issue with the environment?

After we release the patch that fixes this issue, we will give you additional comments.

[preetamslot]

@malangfox, for this project I switched to the js version and created a simple Vue component.

[malangfox]

@preetamslot

Can we check the version of the packages you are using as we further investigate the circumstances of this issue?
When we tried to reproduce this error, the issue you left was not reproduced when using 3.2.45 version of Vue and 4.0.0 version of Vite.

We would like to check the version of the package displaying this warning, or a demo repository that can reproduce this issue.