# Tencent RTC Chat — Vue > Chat documentation for Vue platform. ## UIKit ### Getting Started - [Activate the Service](https://pre.trtc.io/document/74511.md): Tencent Cloud Chat service is an instant messaging SDK that enables developers to integrate messaging and group management features. This guide helps users activate the free plan, retrieve UserSig for authentication, purchase official editions, renew subscriptions, upgrade plans, and enable automatic renewal. It provides step-by-step instructions to quickly start using Chat and manage your application versions effectively. - [Run Demo](https://pre.trtc.io/document/58645.md): TUIKit is a UI component library based on Tencent Cloud Chat SDK designed for building in-app chat features quickly. This guide helps Vue developers (Vue2 and Vue3) set up the environment, create projects using vite or vue-cli, configure authentication, and run demos. It includes steps for activating the service, installing dependencies like TypeScript and Sass, and configuring the project for seamless chat UI integration. - [Integration](https://pre.trtc.io/document/58644.md): TUIKit is a UI component library based on the Chat SDK designed for Web and H5 platforms using Vue (Vue2 and Vue3). It helps developers rapidly integrate chat, session, search, group, and contact features through modular UI components. This guide provides step-by-step instructions including project creation with vite or vue-cli, component installation, configuration of SDKAppID, userID, userSig, and launching the project. Key actions such as sending messages and making phone calls are also covered to enable quick chat functionality integration. ### Features - [Quote Reply](https://pre.trtc.io/document/60743.md): TUIChat message quotation feature enables users on Web, H5, and Uniapp (Vue) platforms to quote previous messages to indicate replies. This guide explains how to quote, cancel, and view quoted messages, including programmatic control using TUIKit methods. It also covers how to disable the quotation feature by modifying the message toolbar component, providing step-by-step instructions for developers integrating TUIChat. - [Read Receipt](https://pre.trtc.io/document/58661.md): The TUIChat Message Read Receipt feature is an SDK capability available in the Pro, Pro Plus, and Enterprise editions that enables monitoring and reporting of message read status in both group and one-to-one chats. This guide explains how to enable read receipts by specifying supported group types, control the feature on the user side via API calls, understand the read receipt rules for different chat types, and troubleshoot common errors such as package compatibility issues. It also covers how to disable the read receipt feature when needed. - [Typing Indicator](https://pre.trtc.io/document/58663.md): Tencent Cloud Chat UIKit Vue is a chat SDK that supports the C2C conversation "Typing..." feature, enabling real-time typing status indication between users. This feature helps users know when the other party is actively inputting text within the last 30 seconds. It can be enabled or disabled via TUIStore settings. The implementation involves monitoring input events on the sender side and updating the receiver's UI accordingly. This overview explains the feature's activation rules, implementation details, and common FAQs. - [User Online Status](https://pre.trtc.io/document/58651.md): Tencent Cloud Chat UIKit Vue SDK supports the User Online Status feature for Web, H5, and Uniapp (Vue) platforms. This guide explains how to enable or disable the User Online Status after activating it in the Chat Console. It is designed for developers using the Pro, Pro Plus, or Enterprise editions to display real-time online presence within chat applications by calling TUIUserService.switchUserStatus after login. - [Message Search](https://pre.trtc.io/document/60748.md): This guide provides a step-by-step quick integration process for Message Cloud Search on Web & H5 platforms using Vue2 and Vue3. It covers integrating the TUIKit SDK, activating the cloud search plugin through the Tencent Cloud console, and performing initial message searches. Additionally, it explains how to independently introduce the component and customize search message types to enhance search capabilities. - [Message Translation](https://pre.trtc.io/document/60746.md) - [Custom Message](https://pre.trtc.io/document/50042.md): TUIKit SDK provides default support for basic message types and allows developers to add custom message types for Web, H5, and Uniapp (Vue) platforms. This guide explains how to display custom messages by modifying the messageCustom component and how to send custom messages using the TUIChatService.sendCustomMessage method with examples including hypertext, evaluation, and order messages. - [Custom Emoji And Stickers](https://pre.trtc.io/document/60820.md): Tencent Cloud Chat UIKit SDK enables developers to customize large stickers and small emojis for Web, H5, and Uniapp platforms. This quickstart guide covers preparing emoji resources, adding custom emoji packs to the TUIKit source code, and rendering them in the TUIChat component. It supports sending large stickers as face messages and small emojis as text messages, ensuring consistent multi-platform emoji keys for seamless interconnection. ### Customization - [Desktop](https://pre.trtc.io/document/50047.md): TUIKit Web UI Style Customization Guide describes how to modify the appearance of conversation lists and chat windows using Vue components. It targets developers building web chat applications who want to customize conversation list item styles, chat title bar, message list, and input area. The guide covers configuration of avatars, fonts, backgrounds, click and long press events, enabling flexible UI adaptation for chat scenarios. - [Mobile](https://pre.trtc.io/document/50046.md): This guide explains how to customize the UI styles of H5 chat and conversation interfaces using TUIKit components. It is intended for developers integrating Tencent RTC who want to modify the appearance of conversation lists, chat title bars, message areas, and input fields. The document includes example Vue templates and SCSS code to help configure avatar styles, conversation item layouts, and interactive elements within the chat UI. - [Localization](https://pre.trtc.io/document/58652.md): @tencentcloud/chat-uikit-vue SDK for Web & H5 Vue platforms supports advanced multilingual features including built-in Simplified Chinese and English language packs, real-time dynamic language switching, and custom language entry additions. This guide explains how to specify display language, implement real-time language changes, and extend language packs to fit your app’s localization needs.