vssue | : mailbox : A Vue-powered Issue-based Comment Plugin | Plugin library

According to the docs you provided, you have two options of modifying the default styles.

Option 1: Component generated by VSSUE is, in the end, a simple html - you can inspect the classes and override them with your global CSS. This is the simplest way - you can even omit the default css provided (just don't import vssue.css) and start styling from scratch. Of course you won't use Tailwind to do that, because you can not modify the existing classes.

Option 2: Modify the stylus variables to customize the look and feel, while preserving the default github style.

I believe that by ejecting the stylus file, the author wrote about a possibility of "copying and modifying as you wish" the original file. You don't need to do that - you can just tweak the variables. Here's how:

• You need stylus and stylus-loader installed in your dev-dependencies. If you use vue-cli, thats all - stylus will be supported right after installing these. For custom webpack config, add a proper style loader to handle stylus files.

• Set the variables first, then import the main stylus file. Next, import the github-style css file. This is specified in the docs you provided.

Your code in Vue class component can look like