Nuxt ​

1. Instead of installing anu-vue package, install @anu-vue/nuxt.

   bash

   pnpm add @anu-vue/nuxt && pnpm add -D @unocss/nuxt

   bash

   yarn add @anu-vue/nuxt && yarn add -D @unocss/nuxt

   bash

   npm install @anu-vue/nuxt && npm install -D @unocss/nuxt

2. Add Anu & UnoCSS in the nuxt modules array in the nuxt.config.ts file as shown below:

   ts

   import { defineNuxtConfig } from 'nuxt/config'
   
   export default defineNuxtConfig({
     modules: ['@anu-vue/nuxt', '@unocss/nuxt'],
   })

3. Add UnoCSS config file uno.config.ts with the configuration shown below:

   ts

   import { defineConfig } from 'unocss'
   
   export default defineConfig({
     include: [/.*\/anu-vue\.js(.*)?$/, './**/*.vue', './**/*.md'],
   })

It's done, Let's try the button component 🥳

<template>
  <ABtn>Primary</ABtn>
</template>

To configure Anu, You can use anu property in nuxt.config.ts file.

import { defineNuxtConfig } from 'nuxt/config'

export default defineNuxtConfig({
  modules: ['@anu-vue/nuxt', '@unocss/nuxt'],
  anu: {
    // options
  },
})

You'll get autocompletion for all the available options.

If you are using nuxt, Anu's module auto inject types for you you don't need to do anything.

Happy coding 🙌🏻