release 0.9.3

smastrom · May 15, 2023 · b9419f9 · b9419f9
1 parent 3d080f8
commit b9419f9
Show file tree

Hide file tree

Showing 10 changed files with 372 additions and 340 deletions.
diff --git a/README.md b/README.md
@@ -47,11 +47,9 @@ _Pure CSS RTL support_
 pnpm add notivue
 ```
 
-<br />
-
-## 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']
+})
+```
+
+<br />
+
+## Usage
+
+**App.vue**
 
 ```vue
 <script setup>
@@ -74,7 +96,7 @@ import { Notivue, notifications } from 'notivue'
 </template>
 ```
 
-### 3. Anywhere in your app
+**Anywhere in your app**
 
 ```vue
 <script setup>

diff --git a/demo/components/CustomPromise.vue b/demo/components/CustomPromise.vue
@@ -60,7 +60,7 @@ const isPromise = computed(() => props.type === 'promise')
    flex-direction: column;
    background-color: #fff;
    padding: 10px;
-   border: 2px solid #d6d6d6;
+   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    width: 360px;
    max-width: 100%;
@@ -72,8 +72,6 @@ const isPromise = computed(() => props.type === 'promise')
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
-   border-bottom: 1px solid #d8d8d8;
-   padding-bottom: 5px;
 }
 
 .Close {
@@ -100,6 +98,7 @@ const isPromise = computed(() => props.type === 'promise')
    align-items: center;
    justify-content: space-between;
    width: 100%;
+   gap: 10px;
 
    & h3 {
       letter-spacing: -0.025em;
@@ -144,6 +143,7 @@ const isPromise = computed(() => props.type === 'promise')
 }
 
 .Footer {
+   line-height: 1.25;
    display: flex;
    align-items: center;
    justify-content: space-between;

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
    "name": "notivue",
-   "version": "0.9.2",
+   "version": "0.9.3",
    "private": false,
    "description": "Fully-featured notification system for Vue 3.",
    "keywords": [
@@ -57,11 +57,11 @@
    },
    "devDependencies": {
       "@rollup/plugin-terser": "^0.4.1",
-      "@types/node": "^18.16.3",
-      "@vitejs/plugin-vue": "^4.2.1",
+      "@types/node": "^18.16.9",
+      "@vitejs/plugin-vue": "^4.2.3",
       "axe-core": "^4.7.0",
       "cssnano": "^5.1.15",
-      "cypress": "^12.11.0",
+      "cypress": "^12.12.0",
       "cypress-axe": "^1.4.0",
       "cypress-real-events": "^1.7.6",
       "husky": "^8.0.3",
@@ -73,9 +73,9 @@
       "pretty-quick": "^3.1.3",
       "rimraf": "^4.4.1",
       "typescript": "^4.9.5",
-      "vite": "^4.3.3",
+      "vite": "^4.3.5",
       "vite-plugin-dts": "^2.3.0",
-      "vue": "^3.2.47",
-      "vue-tsc": "^1.6.1"
+      "vue": "^3.3.2",
+      "vue-tsc": "^1.6.5"
    }
 }