From b9419f9ef5d7a40537b1f0bcb1494ac5c4445afd Mon Sep 17 00:00:00 2001 From: smastrom <60471784+smastrom@users.noreply.github.com> Date: Mon, 15 May 2023 11:40:28 +0200 Subject: [PATCH] release 0.9.3 --- README.md | 34 ++- demo/components/CustomPromise.vue | 6 +- package.json | 14 +- pnpm-lock.yaml | 484 +++++++++++++++--------------- src/Receiver.ts | 138 ++++----- src/constants.ts | 2 +- src/plugin.ts | 4 +- src/symbols.ts | 2 +- src/useResizeObserver.ts | 22 +- src/useStore.ts | 6 +- 10 files changed, 372 insertions(+), 340 deletions(-) diff --git a/README.md b/README.md index a827a553..e8f92ec5 100644 --- a/README.md +++ b/README.md @@ -47,11 +47,9 @@ _Pure CSS RTL support_ pnpm add notivue ``` -
- -## Your first notification +### Vite / Vue CLI -### 1. main.js +**main.js** ```js import { notivue } from 'notivue' @@ -62,7 +60,31 @@ import 'notivue/animations.css' createApp(App).use(notivue).mount('#app') ``` -### 2. App.vue +### Nuxt 3 + +**plugins/notivue.ts** + +```ts +import { notivue } from 'notivue' + +export default defineNuxtPlugin(({ vueApp }) => { + vueApp.use(notivue) +}) +``` + +**nuxt.config.ts** + +```ts +export default defineNuxtConfig({ + css: ['notivue/notifications.css', 'notivue/animations.css'] +}) +``` + +
+ +## Usage + +**App.vue** ```vue