Vue Utterances screenshot

Vue Utterances

Author Avatar Theme by Khalby786
Updated: 20 Jul 2025
19 Stars

Vue.js component for utterances

Categories

Overview

Vue Utterances is an innovative Vue.js component designed to integrate Utterances, a lightweight comments widget that leverages GitHub issues for seamless user interaction. This component stands out for its simplicity and effectiveness, allowing users to add commenting functionality to their applications without the overhead of traditional comment systems. With TypeScript support and reactive properties, Vue Utterances provides developers an easy way to enhance their applications with a robust commenting solution.

The ease of installation and usage makes it a perfect fit for developers who want to enhance user engagement without complicating their codebase. Whether you are working on a personal project or a larger application, Vue Utterances is a versatile tool that fits a variety of use cases, especially for those already utilizing GitHub in their workflow.

Features

  • GitHub Integration: Directly connects to GitHub issues, providing a familiar and efficient platform for users to leave comments.
  • TypeScript Support: Fully compatible with TypeScript, ensuring type safety and better developer experience.
  • Reactive Props: Automatically updates component properties reactively, which enhances performance and user experience.
  • Customizable Themes: Offers various theme options, allowing developers to tailor the appearance of comments to fit their application’s design.
  • Flexible Issue Mapping: Supports multiple issue mapping terms such as pathname, url, and title, giving flexibility in how comments are associated with content.
  • Easy Reloading: Includes a reload() method to refresh the comments widget, ensuring users can see the latest interactions without a page refresh.
  • MIT License: Licensed under MIT, promoting easy usage and modification in both personal and commercial projects.