Skip to content

Latest commit

 

History

History
68 lines (43 loc) · 1.32 KB

README.md

File metadata and controls

68 lines (43 loc) · 1.32 KB

Nuxt 3 Toastification WebSocket Demo

This is a Proof of Concept (POC) demo that illustrates how to integrate real-time notifications in a Nuxt.js application using Vue Toastification.

🌟 Features

  • Real-time Notifications: Using Vue Toastification.
  • Nuxt.js 3: Next generation Vue.js framework.

📋 Requirements

  • Node.js
  • PNPM (Package manager)

🛠️ Installation & Setup

1. Navigate to Front-End Directory

cd packages/front

2. Install Dependencies

Use PNPM to install the required packages:

pnpm install

🏁 Running the Project

To start the development server, run:

pnpm run dev

🎉 Using Notifications

This project employs vue-toastification for managing notifications. Initialization is done in plugins/toast.js.

Steps to Use Notifications

  1. Import useToast:

    import { useToast } from "vue-toastification";

  2. Initialize in the setup function:

    const toast = useToast();

  3. Trigger a Notification:

    toast.success("Notification content", {
  timeout: 2000,
});

📚 Further Reading