v1: @chakra-ui/vue Vue 3 support roadmap

[codebender828]

Hi Chakra family.

Following Vue 3's recent release, here is the current roadmap for Vue 3 support for Chakra UI Vue:

Motivation

The next major version of Chakra UI Vue 3 is motivated primarily by 3 things:

1. Upcoming Vue 3 release - The latest major version of Vue.js (v3) will introduce some major breaking changes in it's underlying signature. These changes will cover Vue application startup, plugin registration and installation, the composition API and the render function signature. These changes in Vue 3 will provide some really good opportunities to improve Chakra UI Vue.
2. Chakra UI v1 release - Chakra UI React is also presently planning it's next major release. This new release will introduce some improvements to the theming API for components.

🗺 Roadmap

https://github.com/orgs/chakra-ui/projects/6/views/1

In the coming weeks, I hope to share more ways in which contributors can contribute towards Chakra UI Vue as I focus my efforts on releasing v1.

[sykes10]

Hi, @codebender828 I would like to help with the integration of Vue 3. Maybe we can arrange a call and you can explain in detail what are your thoughts on what you have and see what we can do from that point.

[codebender828]

Hey @sykes10 ! Thanks for reaching out! That's a good idea. This weekend I'm going to be publishing the roadmap for the Vue 3 version of Chakra UI Vue.

I'd be happy to discuss with you after I release it. Wanna reach out on our discord?

https://discord.gg/sq2Kp6x

[sykes10]

Thanks for the link. Already joint

…

On Sat, 19 Sep 2020 at 08:20, Jonathan Bakebwa ***@***.***> wrote: Hey @sykes10 <https://github.com/sykes10> ! Thanks for reaching out! That's a good idea. This weekend I'm going to be publishing the roadmap for the Vue 3 version of Chakra UI Vue. I'd be happy to discuss with you after I release it. Wanna reach out on our discord? https://discord.gg/sq2Kp6x — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#116 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AC3PUXKKYPXR3DOFEQLLVS3SGRLVPANCNFSM4MDZFGTA> .

[codebender828]

For the record, I just updated this issue's description with the v1 release roadmap

[izcream]

hows chakra-ui vue v.1.0 going on? Im waiting to use in my vue3 project 😸

[JenuelDev]

yeah, any update on the chakra for vue 3? thanks :)

[codebender828]

Hey @BroJenuel and @izcream yes, a Vue 3 version is currently in the works.

At the moment we're finalizing an internal API that we can use based on the React v1 version before I can share a more concrete plan for the component development and contributions by the community.

That being said, thank you for your enthusiasm! It's refreshing and helping me chug along. In the next week or so, I'll put document something more concrete.

[simpletrontdip]

Hi @codebender828 how is this going? Are we planing to use their package @chakra-ui/theme?
I've found it's quite straightforward to adapt it here, then we will have all their updates for V1 in Vue.
I also create an experiment branch for it, for now, I need some helps to remove old dependencies, not sure if I should proceed?

[codebender828]

Hi @simpletrontdip ! You can check out the v1 repository here => https://github.com/chakra-ui/chakra-ui-vue-next

[codebender828]

@simpletrontdip On a further note,

Yes! We're making progress. To answer your question, yes we are reusing the non-react parts of @chakra-ui/theme. Currently this package relies on react. So I made @chakra-ui/vue-theme at the time which was a direct copy of @chakra-ui/theme but without react as a dependency. In the future, I would like to remove react from it so that it's framework agnostic. This would be a good issue to take on as well if you're up for it.

[simpletrontdip]

Sorry, my bad, I meant @chakra-ui/styled-system.
It is framework agnostic, at least for 1.12.1. Seems you've built @chakra-ui/vue-theme on that.

[codebender828]

Community Update

We've currently got a large number of components released in the @chakra-ui/vue-next/vue-next@beta tag.

• Released the @chakra-ui/vue-next/vue-next@beta tag.
• Checkout the existing components in the Component Playground
• Vue 3 Repo: https://github.com/chakra-ui/chakra-ui-vue-next
• WIP: New docs site: https://next.vue.chakra-ui.com
• Playgrounds and starters:
  • Vue 3 Starter | Live Demo
  • Nuxt 3 Starter | Live Demo

Check out the repo here: https://github.com/chakra-ui/chakra-ui-vue-next
Updated Roadmap: https://github.com/orgs/chakra-ui/projects/6/views/1

---

Thank you all for the support

[mrcego]

The updated roadmap link is broken?