feat: add chakra-ui-vue #573
Conversation
There was a problem hiding this comment.
Thank you for this initiative @Easybuoy !
I've requested a couple of changes that will involve using the @chakra-ui/nuxt module instead of the plug-in. (For less boiler plate) I've highlighted the necessary changes.
I'll also be revisiting the module today to make sure it works as planned in a couple of hours.
| @@ -0,0 +1,7 @@ | |||
| { | |||
| "dependencies": { | |||
| "@chakra-ui/vue": "^0.6.0", | |||
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
There was a problem hiding this comment.
The documentation also says we need to install the @nuxtjs/emotion package as well, I also tested on code sandbox, and it seemed to work smoothly with the@nuxtjs/emotion module added
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| @@ -0,0 +1,168 @@ | |||
| <template> | |||
| <div class="container"> | |||
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| @@ -0,0 +1,4 @@ | |||
| import Vue from 'vue' | |||
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| <%_ } else if (ui === 'chakra-ui') { _%> | ||
| // Doc: https://github.com/nuxt-community/emotion-module#readme | ||
| '@nuxtjs/emotion', | ||
| <%_ } _%> |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| @@ -70,7 +70,9 @@ export default { | |||
| '@/plugins/framevuerk' | |||
| <%_ } else if (ui === 'vuesax') { _%> | |||
| '@/plugins/vuesax' | |||
| <%_ } _%> | |||
| <%_ } else if (ui === 'chakra-ui') { _%> | |||
| '@/plugins/chakra-ui' | |||
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| ** Plugins to load before mounting the App␊ | ||
| ** https://nuxtjs.org/guide/plugins␊ | ||
| */␊ | ||
| plugins: [␊ |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
| modules: [␊ | ||
| // Doc: https://github.com/nuxt-community/emotion-module#readme␊ | ||
| '@nuxtjs/emotion',␊ | ||
| ],␊ |
This comment was marked as resolved.
This comment was marked as resolved.
Sorry, something went wrong.
There was a problem hiding this comment.
Thank you @Easybuoy ! Nice and clean! can't wait to see this shipped 🚀
Added
chakra-ui-vueui libraryhttps://vue.chakra-ui.com