Bump Vue version

[mirkoperillo]

Currently Resting uses Vue.js 2.6.

The final goal is moving to last new stable version of Vue (3.x). Understand what's side-effect and blocking steps of bumping from current version to new one

[mirkoperillo]

@nikhilraojl could you be interested in this issue ?

[nikhilraojl]

@mirkoperillo Sure, I will have a go this weekend. Are there any UI elements currently implemented in vue in the current version of the extension?

[mirkoperillo]

Yes absolutely.
You can find them in src/js/app/components.

A screenshot to give a visual idea where the Vue components are in the UI

The idea is bumping Vue contained in src/js/vendor to the last stable version and understand if everything continues to work or if there are problems.

I am available for more details or suggestions

[nikhilraojl]

@mirkoperillo It seems we can't just use the existing way i.e

• bump the vue version to 3.3.4 in package.json
• build the vue components into umd format through build script
• import built vue umd components and vue runtime (vue.runtime.global.prod) through requirejs in app.js
• mount the component

I tried the above with no luck. In vue3 we have to have Vue as global variable for library components and we have to use the new Vue.createApp({}) constructor to create compnents instead of new Vue({}). I have updated both but wasn't able to make it work and always got errors

It seems vue3 and requirejs don't mix well which I am guessing is the issue stackoverflow question

P.S Sorry for the delay was stuck up with some work

[mirkoperillo]

It seems vue3 and requirejs don't mix well which I am guessing is the issue stackoverflow question

Interesting, so it is not a smooth replacement. I need to investigate about this.

P.S Sorry for the delay was stuck up with some work

Don't worry. I appreciate every time you dedicate to Resting.
Thank you for your initial investigation. It has been useful to understand how to move forward with the roadmap for the project (More details in these notes on my blog)