Overview

If you’re looking for a flexible and dynamic way to display relative time in your Vue applications, look no further than vue2-timeago. This library is designed specifically for Vue 3, offering a simple yet powerful way to format timestamps into human-readable relative time. Whether it’s “just now” or “3 hours ago,” this component can enhance the user experience with its seamless integration and responsive updates.

With localization support and customizable tooltips, vue2-timeago makes it easy to adapt to multiple languages and display options. Its auto-refresh feature ensures that displayed times remain accurate without requiring manual updates, making it an ideal choice for real-time applications.

Features

• Localization Support: Easily display timestamps in different languages, including English, Chinese, Japanese, and more, with runtime locale registration.
• Auto Refresh Time: Keeps the displayed time accurate by automatically refreshing the component based on a specified interval.
• Custom Tooltips: Integrates with v-tooltip for enhanced user experience, allowing customizable tooltip placement and content.
• Multiple Formatting Options: Formats date and timestamps into relative time strings like “just now,” “5 minutes ago,” and “2 days ago,” helping convey the time in user-friendly language.
• Flexible Refresh Setting: The component can refresh automatically every 60 seconds, or you can set your own refresh period for more control.
• Event Handling: Triggers an update event every time the time is refreshed, allowing developers to perform additional actions if needed.
• Simple Installation: Easily installable via npm or yarn, with straightforward integration into any Vue application.