@ahmiao666/red-packet-rain-vue/README.md

Vue红包雨组件

# 🎉 AM Red Packet Rain - Vue

高性能Vue3红包雨组件，支持完整的性能控制和诊断功能。

## 🚀 安装

```bash
npm install @ahmiao666/red-packet-rain-vue
```

## 📖 快速开始

```vue
<script setup lang="ts">
import { useTemplateRef, reactive } from "vue";
import { RedPacketRain } from "@ahmiao666/red-packet-rain-vue";
import type { RedPacketClickEvent, RedPacketRainConfig } from "@ahmiao666/red-packet-rain-vue";

const redPacketRainRef = useTemplateRef("redPacketRainRef");
const config = reactive<RedPacketRainConfig>({
  count: 15,
  density: 3,
  enablePerformanceMode: true,
  isParticle: false,
});

const handleClick = (event: RedPacketClickEvent) => {
  console.log("红包点击:", event);
};
</script>

<template>
  <RedPacketRain ref="redPacketRainRef" :config="config" :show-controls="true" @red-packet-click="handleClick" />
</template>
```

## 🔗 相关链接

- [完整文档](https://github.com/ahmiao666/am-red-packet-rain-demo)
- [React版本](https://github.com/ahmiao666/am-red-packet-rain-demo)
- [GitHub仓库](https://github.com/ahmiao666/am-red-packet-rain-demo)