Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Towards Vue 3 / Nuxt 3 migration roadmap #2690

Closed
vikiival opened this issue Mar 27, 2022 · 20 comments
Closed

Towards Vue 3 / Nuxt 3 migration roadmap #2690

vikiival opened this issue Mar 27, 2022 · 20 comments
Assignees
@roiLeo
Labels
$$$ ~151-300usd A-nuxt A-vue3 chief p1 preventing everyone from using app

Comments

@vikiival
Copy link
Member

vikiival commented Mar 27, 2022 •
edited by yangwao
Loading

Migration Roadmap click here

Is your feature request related to a problem?

Since we have Nuxt Bridge

we should leverage the latest features

Nuxt 3 Docs
Nuxt Bridge
Those looking for chart

Ref
@vikiival vikiival added enhancement New feature or request chief and removed enhancement New feature or request labels Mar 27, 2022
@yangwao yangwao changed the title Towards Nuxt 3 Towards Vue 3 / Nuxt 3 Mar 27, 2022
@yangwao yangwao added the p5 ideas for future label Mar 31, 2022
@yangwao
Copy link
Member

yangwao commented Mar 31, 2022 •
edited
Loading

Putting p5 as major release nuxt/vite by all hands call will be in June so it's not a hurry nor we are not gaining any edge having it.

Edit as June is around corner, would be nice to tackle this.

@yangwao yangwao mentioned this issue Mar 31, 2022
Closed
@yangwao yangwao mentioned this issue Apr 14, 2022
Closed
@yangwao yangwao added p4 affecting less than 10% of app and removed p5 ideas for future labels Apr 15, 2022
@preschian
Copy link
Member

library/tools recommended for vue3: https://v3-migration.vuejs.org/recommendations.html#new-framework-level-recommendations

  • New versions of Router, Devtools & test utils w/ Vue 3 support
  • Build Toolchain: Vue CLI -> Vite
  • State Management: Vuex -> Pinia
  • IDE Support: Vetur -> Volar
  • New command line TypeScript support: vue-tsc
  • SSG: VuePress -> VitePress
  • JSX: @vue/babel-preset-jsx -> @vue/babel-plugin-jsx

@vikiival
Copy link
Member Author

IDE Support: Vetur -> Volar

I already switched to Volar

@yangwao yangwao added p3 non-core, affecting less than 40% and removed p4 affecting less than 10% of app labels Oct 12, 2022
@preschian
Copy link
Member

Some notes to help us migrate to vue3/nuxt3:

We need to reduce using nuxt-property-decorator first and use composition API instead. It will help us to migrate to vue3/nuxt3
nuxt-community/nuxt-property-decorator#83 (comment). at least for newer components
related: #2893

And I think we face this problem also nuxt-community/nuxt-property-decorator#83 (comment); most of the library is still not ready in nuxt3. And maybe some libs/modules are not compatible also in nuxt-bridge

@vikiival vikiival mentioned this issue Oct 17, 2022
Closed
3 tasks
@kkukelka
Copy link
Member

kkukelka commented Oct 17, 2022 •
edited
Loading

@preschian
just as a sidenote:
afaik Class API is not going to be supported in Vue3/Nuxt3 at all. So we are kind of forced to rewrite everything to Composition API/Options API before we can upgrade to Nuxt3

@vikiival
Copy link
Member Author

vikiival commented Oct 17, 2022 •
edited
Loading

So we are kind of forced to rewrite everything to Composition API/Options API before we can upgrade to Nuxt3

Screenshot 2022-10-17 at 15 43 08

@roiLeo roiLeo mentioned this issue Nov 15, 2022
Merged
18 tasks
@yangwao yangwao added the A-nuxt label Jan 18, 2023
This was referenced Jan 18, 2023
Closed
Closed
@yangwao
Copy link
Member

yangwao commented Jan 18, 2023

reduce using nuxt-property-decorator

What's about libraries? @preschian

@yangwao yangwao mentioned this issue Feb 6, 2023
Closed
@yangwao yangwao mentioned this issue Feb 17, 2023
Open
@roiLeo
Copy link
Contributor

roiLeo commented Mar 28, 2023

One year later, still in pipeline 🎢
Should be top priority.

@preschian
Copy link
Member

One year later, still in pipeline 🎢 Should be top priority.

several days ago I'm trying to upgrade to nuxt3, but still got blocked by these modules

  • nuxt-buefy
  • @nuxtjs/apollo
  • @nuxtjs/i18n

I think we need to wait for those modules until release a stable version. at least for apollo and i18n. or find the replacement that supports nuxt-bridge/nuxt3

meanwhile, upgrading to the latest @nuxt/bridge-edge also will break our builds

@yangwao yangwao added p2 core functionality, or is affecting 60% of app and removed p3 non-core, affecting less than 40% labels Mar 28, 2023
@yangwao
Copy link
Member

yangwao commented Mar 28, 2023

  • nuxt-buefy

what's issue with nuxt-buefy? jtommy (buefy author) can help us push things and happy to pay/sponsor repo as I bet we will be not only one stuck here. If you can get back to me with issue what's there we can put spotlight on that to remove one blocker

@roiLeo
Copy link
Contributor

roiLeo commented Mar 28, 2023 •
edited
Loading

several days ago I'm trying to upgrade to nuxt3, but still got blocked by these modules

Did you manage to build anything?

nuxt-buefy

This one IMO won't update in the upcoming month, we can try to wrap buefy config & import each components or replace buefy code with oruga-ui.
it may help rewritte some of the components If we can list what is still being used.

@nuxtjs/apollo

@nuxtjs/apollo next

@nuxtjs/i18n

i18n v8 is in beta

@preschian
Copy link
Member

what's issue with nuxt-buefy?

this is the error https://app.warp.dev/block/JfAmbnq00a2rp8zaVWS53o

we can try to wrap buefy config & import each components or replace buefy code with oruga-ui

or replace completely buefy with oruga?

Did you manage to build anything?

not yet, and I didn't try with the next apollo, because still in the alpha release

@zhyd1997 zhyd1997 mentioned this issue Apr 18, 2023
Closed
4 tasks
@yangwao
Copy link
Member

yangwao commented Apr 19, 2023

or replace completely buefy with oruga?

I think this is the goal.

@roiLeo
Copy link
Contributor

roiLeo commented Apr 20, 2023

I think this is the goal.

608 results in 149 files 👯‍♀️

@floyd-li floyd-li mentioned this issue Apr 20, 2023
Closed
@roiLeo
Copy link
Contributor

roiLeo commented Apr 27, 2023 •
edited
Loading

migration roadmap

What needs to be done:

Let me know if I'm missing a step.

@vikiival
Copy link
Member Author

replace Identicon implementation for Vue3 (ping me)

The polkadot package should be usable for Vue3 too

@roiLeo
Copy link
Contributor

roiLeo commented Apr 27, 2023 •
edited
Loading

The polkadot package should be usable for Vue3 too

polkadot-js/ui#747
&
https://stackblitz.com/edit/vue3-vite-starter-efpvnz?file=src%2FApp.vue,src%2Fcomponents%2FHelloWorld.vue

Uncaught TypeError: h2 is not a function

edi: nvm looks like @Gavin-Gong made a fix 👍

@roiLeo roiLeo mentioned this issue May 3, 2023
Closed
37 tasks
@roiLeo roiLeo mentioned this issue May 16, 2023
Closed
@roiLeo roiLeo self-assigned this May 25, 2023
@yangwao yangwao added the A-vue3 label May 26, 2023
@yangwao yangwao mentioned this issue Jun 1, 2023
Closed
@yangwao yangwao mentioned this issue Jun 23, 2023
Open
@preschian preschian mentioned this issue Jun 30, 2023
Open
@yangwao yangwao added $$$ ~151-300usd p1 preventing everyone from using app and removed p2 core functionality, or is affecting 60% of app labels Aug 5, 2023
@yangwao yangwao mentioned this issue Aug 9, 2023
Closed
@stephenjason89
Copy link
Contributor

several days ago I'm trying to upgrade to nuxt3, but still got blocked by these modules

Did you manage to build anything?

nuxt-buefy

This one IMO won't update in the upcoming month, we can try to wrap buefy config & import each components or replace buefy code with oruga-ui. it may help rewritte some of the components If we can list what is still being used.

@nuxtjs/apollo

@nuxtjs/apollo next

@nuxtjs/i18n

i18n v8 is in beta

Hello @roiLeo What's the issue you encounter with @nuxtjs/apollo?

@roiLeo
Copy link
Contributor

roiLeo commented Aug 14, 2023

Hello @roiLeo What's the issue you encounter with @nuxtjs/apollo?

I didn't encounter issue yet, we need to fix #4750 first.

@yangwao yangwao changed the title Towards Vue 3 / Nuxt 3 Towards Vue 3 / Nuxt 3 migration roadmap Aug 16, 2023
@yangwao yangwao pinned this issue Aug 17, 2023
@yangwao yangwao unpinned this issue Aug 17, 2023
This was referenced Aug 23, 2023
Closed
Closed
@yangwao yangwao mentioned this issue Aug 29, 2023
Closed
18 tasks
@yangwao
Copy link
Member

yangwao commented Aug 29, 2023

Continue to

@yangwao yangwao closed this as completed Aug 29, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@roiLeo roiLeo

Labels
$$$ ~151-300usd A-nuxt A-vue3 chief p1 preventing everyone from using app
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
6 participants
@preschian @stephenjason89 @yangwao @roiLeo @kkukelka @vikiival