# vue-message-linhdanchu

> Using npm:

Latest version **1.0.5** (published 2019-12-04) · ISC license · 0 weekly downloads

## Install

```sh
npm install vue-message-linhdanchu
pnpm add vue-message-linhdanchu
yarn add vue-message-linhdanchu
bun add vue-message-linhdanchu
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.5 |
| Published | 2019-12-04 |
| First published | 2019-11-29 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 8.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | linhdanchu |
| Maintainers | linhdanchu |
| Keywords | npm, npm-message, vue, vuejs |

## Links

- npm: https://www.npmjs.com/package/vue-message-linhdanchu
- npm.io page: https://npm.io/package/vue-message-linhdanchu

## Recent versions

- 1.0.5 (latest) — 2019-12-04
- 1.0.4 — 2019-11-29
- 1.0.3 — 2019-11-29
- 1.0.2 — 2019-11-29
- 1.0.1 — 2019-11-29
- 1.0.0 — 2019-11-29

## README

## Installing

Using npm:

```bash
$ npm install vue-message-linhdanchu --save-dev
```

## Example

```js
this.$message({
    message: 'this is message'
})
```

### custom option
Name | Type | All values | Default value | Description
:---: | :---: | :---: |:---: | --- |
*message* | String | - | - | your message.
*type* | String | success, warning, error, info, default | default | Color of message (By default, no type is required).
*center* | Boolean | true, false | false | Align the notification content.
*showClose* | Boolean | true, false | false | Show off button.
*timeOut* | Integer | - | 2000(ms) | Time off notifications.



**Example:**
```js
// vue cli
import Vue from 'vue'; 
import vueMessage from 'vue-message-linhdanchu';
import 'vue-message-linhdanchu/src/message.css';
Vue.use(vueMessage);

or

//laravel mix + vuejs
window.Vue = require('vue');
require('vue-message-linhdanchu');
import 'vue-message-linhdanchu/src/message.css';
```

```js
methods: {
  showMessage() {
    this.$message({
        message: 'this is your message',
        type: 'default',
        center: false,
        showClose: false,
        timeOut: 2000
    });
  }
}
```

---
_Source: https://npm.io/package/vue-message-linhdanchu · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._