Merge pull request #64 from avil13/dependabot/npm_and_yarn/example/lo…

…dash-4.17.15

Bump lodash from 4.17.11 to 4.17.15 in /example

README.md

@@ -14,7 +14,7 @@ Vue.js wrapper for SweetAlert2. With support SSR.
 
 ## Get started
 
-
+### Basics
 ```bash
 npm install -S vue-sweetalert2
 ```
@@ -31,9 +31,32 @@ 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).
 
+```html
+// example-vue-component.vue
+<template>
+    <button @click="showAlert">Hello world</button>
+</template>
+
+<script>
+export default {
+    methods: {
+        showAlert(){
+            // Use sweetalert2
+            this.$swal('Hello Vue world!!!');
+        }
+    }
+}
+</script>
+```
+
+// Or
+```js
+Vue.swal('Hello Vue world!!!');
+```
+
+### Global options
 If you want to add global options like button colors, do something like this:
 ```js
 // main.js
@@ -47,8 +70,16 @@ const options = {
 
 Vue.use(VueSweetalert2, options)
 ```
-
+### Custom styling
 Using scss styles are loaded so
+```js
+// main.js
+import Vue from 'vue';
+import VueSweetalert2 from 'vue-sweetalert2';
+
+Vue.use(VueSweetalert2)
+```
+
 ```scss
 // style.scss
 @import '~sweetalert2/src/variables';
@@ -61,28 +92,6 @@ $swal2-background: #990000;
 
 
 
-```html
-// example-vue-component.vue
-<template>
-    <button @click="showAlert">Hello world</button>
-</template>
-
-<script>
-export default {
-    methods: {
-        showAlert(){
-            // Use sweetalert2
-            this.$swal('Hello Vue world!!!');
-        }
-    }
-}
-</script>
-```
-
-// Or
-```js
-Vue.swal('Hello Vue world!!!');
-```
 
 ## Nuxt.js