feat: add vue-3 supports

CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
+#### [v3.0.8](https://github.com/avil13/vue-sweetalert2/compare/v3.0.6...v3.0.8)
+
+> 29 August 2020
+
+- fix(packages): removed unused packages [`7181a00`](https://github.com/avil13/vue-sweetalert2/commit/7181a00fd5c02cbe42203f406475389627d672b9)
+- feat: update versions [`7ab4f55`](https://github.com/avil13/vue-sweetalert2/commit/7ab4f552f0ef5c760b900be2c19bded8016d5229)
+- fix: updated types fix#105 [`dda8d74`](https://github.com/avil13/vue-sweetalert2/commit/dda8d74d8af44dbde83c80eb881e8961aeaab480)
+
 #### [v3.0.6](https://github.com/avil13/vue-sweetalert2/compare/v3.0.5...v3.0.6)
 
 > 29 June 2020

README.md

@@ -10,7 +10,7 @@ Vue.js wrapper for SweetAlert2. With support SSR.
 
 ## Attention:
 
-When using "Vue3: Composition API" it is better not to use this wrapper.
+When using "Vue3: Composition API" it is better **not to use** this wrapper.
 It is more practical to call sweetalert2 directly.
 
 Also, it is better to do it to get feedback faster, and be closer to the documentation.
@@ -46,6 +46,8 @@ npm install -S vue-sweetalert2
 }
 ```
 
+## vue 2
+
 ```js
 // main.js
 import Vue from 'vue';
@@ -57,6 +59,24 @@ import 'sweetalert2/dist/sweetalert2.min.css';
 Vue.use(VueSweetalert2);
 ```
 
+## vue 3
+
+```js
+// main.js
+import { createApp } from 'vue'
+import App from './App.vue'
+import './index.css'
+
+import VueSweetalert2 from 'vue-sweetalert2';
+import 'sweetalert2/dist/sweetalert2.min.css';
+
+const app = createApp(App)
+
+app.use(VueSweetalert2);
+
+app.mount('#app');
+```
+
 Now in the global object, you can access all the methods of [sweetalert2](https://github.com/limonte/sweetalert2).
 
 ```html

src/index.ts

@@ -39,13 +39,18 @@ class VueSweetalert2 {
       }
     }
 
-    vue['swal'] = swalFunction;
-
     // add the instance method
-    if (!Object.prototype.hasOwnProperty.call(vue, '$swal')) {
+    if (vue.config?.globalProperties && !vue.config.globalProperties.$swal) {
+      // vue 3
+      vue.config.globalProperties.$swal = swalFunction;
+      vue.provide('$swal', swalFunction);
+    } else if (!Object.prototype.hasOwnProperty.call(vue, '$swal')) {
+      // vue 2
+
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       //@ts-ignore
       vue.prototype.$swal = swalFunction;
+      vue['swal'] = swalFunction;
     }
   }
 }