vinayakkulkarni/v-offline

⚡️ V-Offline — Phát hiện trạng thái mạng trong Vue một cách phản ứng

Thành phần Vue 3 và composable giúp bạn theo dõi trạng thái kết nối mạng online/offline một cách thời gian thực.

V-Offline là một thư viện TypeScript được thiết kế cho Vue 3 (cũng hỗ trợ Vue 2 qua nhánh legacy), cung cấp thành phần và composable để phát hiện sự kiện kết nối mạng thay đổi. Dự án giúp ứng dụng Vue của bạn luôn nhận biết được trạng thái kết nối hiện tại và phản hồi ngay lập tức khi người dùng online hoặc offline.

✨ Điểm nổi bật

• Phát hiện online/offline: Theo dõi sự kiện kết nối mạng và cập nhật trạng thái ngay lập tức.
• Hỗ trợ Vue 3 và Vue 2: Phiên bản mới dành cho Vue 3, nhánh legacy hỗ trợ Vue 2.7+.
• Polling tùy chỉnh: Cho phép cấu hình thời gian kiểm tra trạng thái mạng định kỳ.
• Trạng thái phản ứng: Trạng thái kết nối được quản lý theo kiểu reactive của Vue.
• Cài đặt đơn giản: Hỗ trợ cài đặt qua npm, CDN (UNPKG/jsDelivr).
• Tích hợp Nuxt 3: Dễ dàng thêm vào dự án Nuxt 3 thông qua plugin.
• TypeScript: Được viết bằng TypeScript, hỗ trợ đầy đủ kiểu dữ liệu.

💡 Vì sao đáng chú ý

Khác với cách tiếp cận thủ công sử dụng window.addEventListener('online'/'offline'), V-Offline đóng gói toàn bộ logic vào một thành phần Vue tái sử dụng, kèm hỗ trợ polling để phát hiện thay đổi trạng thái mạng một cách chính xác ngay cả khi trình duyệt không phát sinh sự kiện. Phù hợp cho các ứng dụng cần hiển thị trạng thái kết nối hoặc ngắt kết nối khi offline.

#Vue #Vue3 #OfflineDetection #NetworkStatus #TypeScript #TiniX