search

eucp-project / storyboards

Simple web application to show example use cases with some interactivity. (visitors via old url will be redirected to the website with new url)
https://eucp-project.github.io/storyboards
Other
7 stars 5 forks source link

Use Vue V3 #3

Open Peter9192 opened 3 years ago

Peter9192 commented 3 years ago

@geek-yang can you edit this post to explain what and why this would be useful?

geek-yang commented 3 years ago

This project is built using nuxt framework and vue 2. But many existing components from online resources are built with the latest version of vue, vue 3. There are some compatibility issues between these two versions. To avoid them and make the development easier, it is worthwhile to explore the possibility to move the entire project from vue 2 to vue 3. We also need to consider the compatibility between nuxt framework and vue.

geek-yang commented 3 years ago

Nuxt 2.x uses Vue 2.x by default. It provides an option to use Vue 3 with Nuxt, by adding the composition-api (see the post). Now we are using "eslint-module" in our project. Since so far everything works fine, I suggest we continue with Vue 2.x as switch to a new buildModule might cause some compatibility issue (given that we just got some external modules tuned). Only if we plan to make use of some new features from Vue 3.x (e.g. teleport, fragments), we can think about it.

geek-yang commented 3 years ago

Note that the incoming Nuxt 3 structure will use Vue 3 as the default framework language, for more information see their roadmap slideshow.

Peter9192 commented 3 years ago

Great summary! I agree that it's probably best to hold off for now.

When will it be open source? As soon as it becomes usable. 🤷🏻‍♂️

If I understood it correctly, the composition API can already be used with nuxt 2 (point something), so that might be interesting to explore seperately. See https://composition-api.nuxtjs.org/getting-started/introduction