@webdevep/noty-modul-vue v1.2.4

Фронтенд модуль нотификации

Ссылка на модуль https://modules.dev-webdevep.ru/noty-front-moduls/

Установка npm модуля

Для установки через npm, выполните команду:

npm i @webdevep/noty-modul-vue

Работа с модулем

import { doNoty } from "@webdevep/noty-modul-vue";

doNoty.success("Success message");
doNoty.error("Error message");
doNoty.warning("Warning message");
doNoty.info("Info message");

Глобальное подключение

// main.js
import notice from "@webdevep/noty-modul-vue";

createApp(App)
  .use(notice);

Использование модуля в компонентах:

<template>
  <button @click="$doNoty.success('Message');">Notify</button>
</template>

Получение уведомлений вебсокетов

// store/index.js
//...
import { getNotification } from "@webdevep/noty-modul-vue";
const store = createStore({
  modules: {
    notification: getNotification(notificationsApiUrl, notificationsWsUrl),
  },
});

// App.vue
//...
async function initMessages() {
  await store.dispatch("notification/init");
  await store.dispatch("notification/getUnreadMessagesCount");
};

initMessages();