Création d'un composant de Notification avec Vue.js, Vite, TypeScript

Table des Matières

1. Description du Projet

2. Utilisation

Description du Projet

Ce projet utilise Vue.js, Vite, TypeScript pour créer une librairie applicative de notification. Il explore différentes méthodes pour afficher des notifications à l'utilisateur, telles que les notifications en temps réel, les alertes, etc.. par rapport à des workflows spécifiques.

Utilisation de la librairie :

Créer un nouveau projet VueJs puis installer la librairie :

npm install notif-component

Puis dans le fichier main ou index de votre dossier src appliquer l'import suivant pour ajouter le style du composant :

import 'notif-component/dist/style.css'

Puis importer le component où vous voulez l'utiliser :

import { notifComponentVue } from 'notif-component'

Ajout des props dans le composant pour initialiser la configuration des paramètres de notifications :

<notifComponentVue "subscriber-id="xx" app-identifier="xx" subscriber-hash="xx" />

Il est possible d'ajouter du style ou de modifier la position du component: en ajoutant dans le composant la propriété style ou une classe.