Fake Discord Messages In Vue

Install & Download:

# Yarn
$ yarn add vue-discord-message
# NPM
$ npm install vue-discord-message --save

Description:

Vue components to easily build and display fake Discord messages on your web app.

Features:

  • Design modeled after Discord itself
  • Comfy and compact mode support
  • Dark and light themes support
  • Set the message author’s username
  • Set the message author’s avatar (choose from the default avatars or provide your own)
  • Set the message author’s role color
  • Display the “bot” tag on messages
  • Display fake user, role, and channel mentions
  • Highlight mentions (for when the “logged in user” is pinged)
  • Set mention colors (only used for role pings)
  • Complete embed support
  • Simple syntax!

Preview:

Fake Discord Messages In Vue

Changelog:

v5.0.2 (01/04/2021)

  • Fix word wrap overflow issue

One Response

  1. Kylie!! December 21, 2021

Add Comment