Fix directive instance condition

CHANGELOG.md

@@ -4,6 +4,9 @@ All notable changes to this project will be documented in this file.
 
 ### [4.0.3](https://github.com/surmon-china/vue-awesome-swiper/compare/v4.0.2...v4.0.3) (2020-03-21)
 
+**Fixed**
+- Directive instancing when `swiper.destroyed`
+
 ### [4.0.2](https://github.com/surmon-china/vue-awesome-swiper/compare/v4.0.1...v4.0.2) (2020-03-20)
 
 ### [4.0.1](https://github.com/surmon-china/vue-awesome-swiper/compare/v4.0.0...v4.0.1) (2020-03-20)

src/directive.ts

@@ -81,11 +81,14 @@ export function getDirectiveByOptions (globalOptions?: SwiperOptions): Directive
       const vueContext = context as any
       let swiper: Swiper = vueContext?.[instanceName]
 
-      if (!swiper) {
+      // Swiper will destroy but not delete instance, when used <keep-alive>
+      if (!swiper || (swiper as any).destroyed) {
         swiper = new Swiper(element, swiperOptions)
         vueContext[instanceName] = swiper
         bindSwiperEvents(swiper, emitEvent)
         emitEvent(ComponentEvents.Ready, swiper)
+        // MARK: Reinstance when the nexttick with <keep-alive>
+        // Vue.nextTick(instancing) | setTimeout(instancing)
       }
     },
     // On options changed or DOM updated

src/swiper.vue

@@ -78,6 +78,7 @@
         this.initSwiper()
       }
     },
+    // Update swiper when the parent component activated with `keep-alive`.
     activated() {
       this.updateSwiper()
     },