Package Exports

vue-cli-plugin-chakra-ui

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-cli-plugin-chakra-ui) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-cli-plugin-chakra-ui 🔥

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 init functionality, 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.

Usage 😎

To install the chakra-ui plugin simply navigate to your application's folder and add chakra-ui.

vue add chakra-ui

The plugin will install @chakra-ui/vue and it's peer dependency - Emotion

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 main.js and App.vue to set up your project for consumption of Chakra UI components.