https://github.com/lucasvallejodev/vue-notifications

🚀 Simple notifications implementation in Vue.js 3 and Tailwind
https://github.com/lucasvallejodev/vue-notifications

composition-api tailwind tailwindcss vue3

Last synced: 21 days ago
JSON representation

🚀 Simple notifications implementation in Vue.js 3 and Tailwind

• Host: GitHub
• URL: https://github.com/lucasvallejodev/vue-notifications
• Owner: lucasvallejodev
• Created: 2022-11-26T01:30:34.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-26T10:07:29.000Z (about 2 years ago)
• Last Synced: 2024-03-30T12:22:40.442Z (9 months ago)
• Topics: composition-api, tailwind, tailwindcss, vue3
• Language: Vue
• Homepage:
• Size: 125 KB
• Stars: 16
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Vue.js Simple Notifications

![Vue.js Simple Notifications](https://raw.githubusercontent.com/lucasvallejo1992/vue-notifications/2452d98c2661c7b9a4189b73e62046dbd4dcd22d/docs/simple-notification.png)

🎉 Vue.js Simple Notifications allows you to add extra simple notifications to your app with ease.

## Installation

### Project Setup

```sh

npm install

```

### Compile and test it

```sh

npm run dev

```

If you want to use the component on your own project you'll need to use vue 3 and install the following libraries:

### First you need to install tailwind and set it up

```sh

npm install -D tailwindcss postcss autoprefixer

npx tailwindcss init -p

```

### Configure your tailwind template paths

```

/**  @type  {import('tailwindcss').Config}  */

module.exports  = {

  content: [

    "./src/**/*.{js,ts,vue}",

  ],

  theme: {

    extend: {},

  },

  plugins: [],

}

```

### Install uuid to manage unique identifiers

```sh

npm install uuid

```

### You are ready to go! 🚀