Getting Started

Configuration

Configuring nanime options for your Nuxt project.

nanime is designed to work with zero configuration, but you can customize it to fit your needs.

Module Options

You can pass options to the module directly in nuxt.config.ts:

nuxt.config.ts
export default defineNuxtConfig({
  modules: ['nanime'],
  nanime: {
    // Options
  }
})

composables

  • Type: boolean
  • Default: true

Whether to auto-import composables (useAnimate, useWaapiAnimate).

nanime: {
  composables: false // Disable auto-imports
}

components

  • Type: boolean
  • Default: true

Whether to register and auto-import components.

nanime: {
  components: false // Disable auto-imports of components
}

prefix

  • Type: string
  • Default: 'A'

Prefix for all registered components. See here for the list of components available

nanime: {
  prefix: 'Anime' // Adds the 'Anime' prefix to components.
}
Copyright © 2026