Vue Composition API migration

[aito-hideki]

Is your feature request related to a problem?

Vue Composition API is core feature of Vue 3, so it's the way towards Vue 3.

Describe the solution you would like

This will include replacing mixins and options api to composition api using @nuxt/composition-api

• Replace all mixins with composables.
• Replace options API with composition API
• Also include replacing filters with member functions as filters are deprecated

Describe alternatives you have considered

https://vuejs.org/guide/extras/composition-api-faq.html
https://vuejs.org/api/sfc-script-setup.html
https://vuejs.org/api/composition-api-setup.html
https://vuejs.org/guide/typescript/composition-api.html

Screeenshots

Components should look like this.

[yangwao]

Let us know how this goes :)

[yangwao]

@aito-hideki is there any progress on this? Haven't heard from you for a while.
let me know if you want to continue on this, if not hear from you in 7 days, someone can take over this.

[aito-hideki]

Hi @yangwao
I am still working on that.
I am pushing forward with Vue Composition API, Vue3, Vite migration together along with Vite SSG.
As the scope of work is so huge, I am still working on that but haven't finished working.

[niklasp]

any update @aito-hideki would like to adress it otherwise

[yangwao]

Meanwhile, efforts have started with the composition API

• refactor: move media from rmrk/Media/ to media/ #3718
• Refactor: landing page #3714

[yangwao]

It's still for grabs I guess

[yangwao]

It's stalled, continue to

• Reduce using nuxt-property-decorator and use composition API #4750
• Towards Vue 3 / Nuxt 3 migration roadmap #2690
• KodaDot@Next w/ Vue3 Vite and Nuxt3 #2081