This plugin setups Chakra UI Vue in your Vue CLI generated project.
Install Vue CLI 3 🔌
If you haven't yet installed vue-cli 3, install it like so:
npm install -g @vue/cli
yarn global add @vue/cli
If you still need the legacy
vue initfunctionality, you can install a global bridge by following the instructions here
Generate a project using vue-cli 3.0:
vue create my-app
Before installing the chakra-ui plugin, make sure to commit or stash your changes in case you need to revert the changes.
To install the chakra-ui plugin simply navigate to your application's folder and add chakra-ui.
vue add chakra-ui
As of v1.0.0, If you chose to allow automatic import of Chakra UI components from the prompt in the installation, Chakra-Loader will be installed for you.
The plugin will also touch
App.vue to set up your project for consumption of Chakra UI components.
MIT © Kelvin Omereshone