ant-design-x-vue-next/README.en.md

Ant Design X for Vue — community continuation aligned with @ant-design/x

# Ant Design X Vue Next

[![npm version][npm-version-src]][npm-version-href]
[![License][license-src]][license-href]
![vue][vue-version-src]
[![Netlify Status][netlify-src]][netlify-href]

> Community continuation of [ant-design-x-vue](https://github.com/wzc520pyfm/ant-design-x-vue), aligned with [@ant-design/x](https://github.com/ant-design/x).

Ant Design X For Vue. 🔥 [中文](./README.md)

**Repo:** https://github.com/XiaShus/ant-design-x-vue-next  
**Docs:** https://ant-design-x-vue-next-524.netlify.app  
**npm:** https://www.npmjs.com/package/ant-design-x-vue-next

## ✨ Features

- 🌈 Built on the RICH interaction paradigm, delivering an exceptional AI interaction experience.
- 🧩 Covers most AI dialogue scenarios, empowering you to quickly build personalized AI interaction interfaces.
- ⚡ Easily connect with inference services compatible with OpenAI standards.
- 🔄 Provides powerful tools for managing data flows, enhancing development efficiency.
- 📦 Offers multiple templates for quickly starting LUI application development.
- 🛡 Developed with TypeScript, ensuring robust type coverage to improve the development experience and reliability.
- 🎨 Supports fine-grained style adjustments to meet diverse use cases and personalization needs.

## 📦 Install

```bash
$ npm i ant-design-vue ant-design-x-vue-next
```

```bash
$ yarn add ant-design-vue ant-design-x-vue-next
```

```bash
$ pnpm add ant-design-vue ant-design-x-vue-next
```

## 🔨 Usage

```html
<script setup lang="ts">
import { Bubble, XProvider } from 'ant-design-x-vue-next';
</script>

<template>
  <Bubble content="Hello AI" />
</template>
```

## ⌨️ Development

```bash
$ pnpm install
$ pnpm docs:dev
$ pnpm run build
```

## 📄 LICENSE

[MIT](./LICENSE)

<!-- Badges -->

[npm-version-src]: https://img.shields.io/npm/v/ant-design-x-vue-next.svg?style=flat
[npm-version-href]: https://www.npmjs.com/package/ant-design-x-vue-next
[vue-version-src]: https://img.shields.io/badge/vue-%20%3E%3D%203.5-47c219
[license-src]: https://img.shields.io/github/license/XiaShus/ant-design-x-vue-next?style=flat
[license-href]: https://github.com/XiaShus/ant-design-x-vue-next/blob/main/LICENSE
[netlify-src]: https://api.netlify.com/api/v1/badges/768dab5b-1472-4133-942d-e06f30e6f1f9/deploy-status
[netlify-href]: https://ant-design-x-vue-next-524.netlify.app