vue-flash-message | Vue js flash messages component | Notification library

I usually use vue packages adding them from the name of the package, try:

You'll need to configure a router and add it to the top-level component.

This is not an issue.

You have an ES Lint rule setup for no-param-reassign. This conflicts with Vue's way of creating plugins, where you are directed to write to the prototype directly. You can see my statement reinforced here

Your only choice is to fork that project, and ignore the line with your linter if it's bugging you that much.

The issue here is your second class which is telling the browser to set the background to yellow as the !important tag on the end of each property. !important tells the browser to override any other styles that overlap classes. You need to:

A) Remove the important from the yellow styles and apply them to the purple

B) Remove the yellow styles all together.

Option A will seem more 'logical' but it depends what environment your working in and how your code etiquette applies to your project. I prefer to keep everything simple and just remove the intrusive css and try and use less !importants in web projects.

For more information on the !important utility visit this helpful blog post: !Important Utility information

Hope this helps.

You are using the import statement which is used to load an external module into the current scope.

In the simplest level of understanding, these lines: