open-index/open-npm huggingface dataset:
npm package: @sannxt244/vueuse-core
Description: * * *
Latest version: 1.0.1

* * *

📋 `@sannxt244/vueuse-core` - `usePaste`
========================================

Composable `usePaste` dành cho Vue 3 sử dụng Composition API. Giúp dễ dàng xử lý **dán văn bản** và **tệp tin** từ clipboard.

* * *

🚀 Cài đặt
----------

bash

CopyEdit

`npm install @sannxt244/vueuse-core # hoặc yarn add @sannxt244/vueuse-core`

* * *

📦 Sử dụng
----------

vue

CopyEdit

`<script setup lang="ts"> import { usePaste } from '@sannxt244/vueuse-core' import { onMounted } from 'vue'  const { onPasteText, onPasteFile } = usePaste()  onMounted(() => {   // Xử lý văn bản được dán   onPasteText((text) => {     console.log('Pasted text:', text)   })    // Xử lý file được dán (image, pdf, ...)   onPasteFile((files) => {     console.log('Pasted files:', files)   }) }) </script>`
* * *

🧩 API
------

### `usePaste()`

Trả về 2 hàm:

*   `onPasteText(callback: (text: string) => void)`
    
    *   Gọi callback khi người dùng dán một đoạn **văn bản**.
        
*   `onPasteFile(callback: (files: File[]) => void)`
    
    *   Gọi callback khi người dùng dán một hoặc nhiều **file** (ví dụ: ảnh chụp màn hình, file từ clipboard).
        

* * *

📎 Ghi chú
----------

*   Hook này **tự động lắng nghe** sự kiện `paste` từ `document`, nên bạn không cần xử lý thủ công.
    
*   Nếu cần giới hạn vùng dán (ví dụ chỉ trong một thẻ `div` cụ thể), có thể truyền thêm.
    
* * *

📚 Yêu cầu
----------

*   Vue 3

* * *

🔧 Đóng góp
-----------

Chào đón mọi pull request, cải tiến hoặc báo lỗi tại GitHub Repository https://github.com/sannxt244.

* * *

📄 License
----------

MIT © 2025 [sannxt244](https://github.com/sannxt244)

* * *