KodaDot@Next w/ Vue3 Vite and Nuxt3

[yangwao]

This is mostly to set KodaDot3 MVP and research issues to explore possibilities as we want to upgrade further to the Vue3 and gain all beautiful features there.

• we would like to see a new working MVP of Kodadot using recent Vue3, Vite and Nuxt3
• this issue is for experienced developers who know what they are doing
• probably push it to directory kodadot3/ in root with instruction to run it.
• write down a breakdown of which components would not work and which would need to be upgraded or replaced
• write down a breakdown of which packages would not work and which would need to be upgraded or replaced with modern ones or alternatives
• all weapons are allowed

Ref

• KodaDot v0 API 📦 #2013
• As webpack4 used by Nuxt is ancient ("@types/webpack": "^4.41.32") we want to upgrade anyway
• Next JS Build fails with api version v7.5.1 polkadot-js/api#4500 (comment)
• fix(bridge): exclude bridge alias types to support Volar nuxt/framework#2013

[vikiival]

I tried to make an MVP of Nuxt bridge which can be the best approach for us

but stucked until this is not resolved
nuxt/bridge#138

[yangwao]

Once is done

• Migrate App to Vite #2692
  Ref
• Towards Vue 3 / Nuxt 3 migration roadmap #2690

[yangwao]

For fun and profit, continue to

• Vue2 end of life December 31 2023 #4704
• Towards Vue 3 / Nuxt 3 migration roadmap #2690
• Reduce using nuxt-property-decorator and use composition API #4750

[roiLeo]

continue to #2690