Overview

vue-at is a library used in Vue applications to create mentions or tags functionality. It supports various Vue versions and UI libraries such as Vuetify and Element UI. It allows the implementation of avatars, custom templates, and supports both Content-Editable and Textarea elements.

Features

• Browser Support: Compatible with Chrome, Firefox, Edge, and IE9~IE11.
• Plain-text based: No jQuery or extra nodes used.
• Input Support: Works with Content-Editable and Textarea elements.
• Avatars: Supports avatars for mentions.
• Custom Templates: Allows for the use of custom templates.
• Vue Support: Compatible with Vue3, Vue2, and Vue1.
• UI Library Integration: Supports Vuetify, Element UI, and Element Plus.

Installation

To install vue-at in your Vue project, you can use npm or yarn:

npm install vue-at
# or
yarn add vue-at

Then, you can import and use it in your Vue component:

import VueAt from 'vue-at'
export default {
  components: {
    VueAt
  }
  // Your component code
}

Summary

vue-at is a versatile library that simplifies the implementation of mentions or tags in Vue applications. It offers support for various Vue versions and UI libraries, making it a flexible choice for developers looking to add this functionality to their projects. With features like avatars, custom templates, and support for different input elements, vue-at provides a comprehensive solution for handling mentions in Vue applications.