Installation

A quick tutorial to walk through installing the packages, as well as the supported plugins.

Installing the package

pnpm add akar

Nuxt modules

Akar offers Nuxt modules support.

In nuxt.config.ts, simply add akar/nuxt into the modules, and it will auto-imports all the components for you.

export default defineNuxtConfig({
  modules: ['akar/nuxt'],
});

unplugin-vue-components

Akar also has resolver for the popular unplugin-vue-components.

In vite.config.ts, import akar/resolver, and configure as such and it will auto-imports all the components from Akar.

import Components from 'unplugin-vue-components/vite'
import AkarResolver from 'akar/resolver'

export default defineConfig({
  plugins: [
    vue(),
    Components({
      dts: true,
      resolvers: [
        AkarResolver()

        // AkarResolver({
        //   prefix: '' // use the prefix option to add Prefix to the imported components
        // })
      ],
    }),
  ],
})