wip

README.md

@@ -31,6 +31,7 @@ import 'sweetalert2/dist/sweetalert2.min.css';
 Vue.use(VueSweetalert2);
 ```
 
+
 Now in the global object, you can access all the methods of [sweetalert2](https://github.com/limonte/sweetalert2).
 
 If you want to add global options like button colors, do something like this:
@@ -47,6 +48,18 @@ const options = {
 Vue.use(VueSweetalert2, options)
 ```
 
+Using scss styles are loaded so
+```scss
+// style.scss
+@import '~sweetalert2/src/variables';
+
+$swal2-background: #990000;
+
+@import '~sweetalert2/src/sweetalert2';
+```
+
+
+
 
 ```html
 // example-vue-component.vue
@@ -107,29 +120,3 @@ Or pass in global options like this:
 
 ## The documentation for `sweetalert2`, you can find [here](https://sweetalert2.github.io/).
 
----
-
-# Additional options
-
-In some cases, there was a need to expand sweetalert2. And added more options.
-
-| options | type | default |
-|--- |--- |--- |
-| [includeCss](#includecss) | boolean | true |
-
-#### includeCss
-
-```js
-// main.js | main.ts
-Vue.use(VueSweetalert2, { includeCss: false });
-```
-
-```scss
-// style.scss
-@import '~sweetalert2/src/variables';
-
-$swal2-background: #990000;
-
-@import '~sweetalert2/src/sweetalert2';
-```
-

example/.vscode/launch.json

@@ -0,0 +1,21 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [{
+        "type": "node",
+        "request": "launch",
+        "name": "webpack-dev-server",
+        "program": "${workspaceFolder}/node_modules/.bin/webpack-dev-server",
+        "outFiles": [
+            "${workspaceFolder}/**/*.js"
+        ],
+        "args": [
+            "--hot"
+        ],
+        "env": {
+            "NODE_ENV": "development"
+        }
+    }]
+}

example/src/App.vue

@@ -24,17 +24,15 @@
 
 <script lang="ts">
 // import Vue from 'vue';
-// import Component from 'vue-class-component';
 import { Component, Vue } from 'vue-property-decorator';
 
-Vue.use
-
 @Component
 export default class AppComponent extends Vue {
     msg: string = 'Welcome to Vue-Sweetalert2 example'
 
     simple() {
         this.$swal('Hello world!');
+        debugger;
     }
 // /*
     success() {

example/src/main.ts

@@ -4,7 +4,15 @@ import App from './App.vue';
 
 import VueSweetalert2 from './vue-sweetalert2';
 
-Vue.use(VueSweetalert2, { includeCss: true });
+Vue.use(VueSweetalert2, {
+    // options
+    buttonsStyling: false,
+    animation: false,
+    customClass: {
+        confirmButton: 'btn btn-primary',
+        cancelButton: 'btn btn-warning',
+    }
+ });
 
 new Vue({
     el: '#app',