Installation - Zunder

Setup

Add to a Nuxt project

Add @zunderai/ui module to your project:

pnpm add @zunderai/ui

This module is an extension of the Nuxt UI module. So get sure to install and add @nuxt/ui to your project.

npx nuxi@latest module add ui

Add both modules to the modules section in your nuxt.config.ts:

nuxt.config.ts

export default defineNuxtConfig({
modules: ['@nuxt/ui', '@zunderai/ui']
})

That's it! You can now use all the components and composables in your Nuxt app ✨

For more detailed information on components, theming, and usage, please refer to the Nuxt UI documentation. Zunder UI is based on Nuxt UI and shares many of its features and configurations.

Options

Currently, Zunder UI does not have any specific configuration options. The module uses default settings out of the box.

Edge

To use the latest updates pushed on the main branch, you can use @zunderai/ui-edge.

Update your package.json to the following:

package.json

{
  "dependencies": {
    "@zunderai/ui": "^1.0.0",
    "@zunderai/ui": "npm:@zunderai/ui-edge@latest"
  }
}

Then run npm install, yarn install, or pnpm install.

Introduction

Zunder: A Nuxt UI compatible library for building AI Apps, powered by Vue & Tailwind CSS

ChatInput

Input component for sending chat messages.