Merge pull request #26 from tzolkincz/master

fix undefined default slot  when rendering complex components

.travis.yml

@@ -5,7 +5,6 @@ cache:
   yarn: true
   directories:
     - node_modules
-before_script:
+services:
-  - export DISPLAY=:99.0
+  - xvfb
-  - sh -e /etc/init.d/xvfb start
 sudo: false

dist/vue-tribute.cjs.js

@@ -19,17 +19,21 @@ var VueTribute = {
       handler: function handler() {
         var _this = this;
 
-        var $el = this.$slots.default[0].elm;
-
         if (this.tribute) {
-          this.tribute.detach($el);
           setTimeout(function () {
+            var $el = _this.$slots.default[0].elm;
+
+            _this.tribute.detach($el);
+
+            setTimeout(function () {
+              var $el = _this.$slots.default[0].elm;
               _this.tribute = new Tribute(_this.options);
 
               _this.tribute.attach($el);
 
               $el.tributeInstance = _this.tribute;
             }, 0);
+          }, 0);
         }
       }
     }

dist/vue-tribute.es.js

@@ -15,17 +15,21 @@ var VueTribute = {
       handler: function handler() {
         var _this = this;
 
-        var $el = this.$slots.default[0].elm;
-
         if (this.tribute) {
-          this.tribute.detach($el);
           setTimeout(function () {
+            var $el = _this.$slots.default[0].elm;
+
+            _this.tribute.detach($el);
+
+            setTimeout(function () {
+              var $el = _this.$slots.default[0].elm;
               _this.tribute = new Tribute(_this.options);
 
               _this.tribute.attach($el);
 
               $el.tributeInstance = _this.tribute;
             }, 0);
+          }, 0);
         }
       }
     }

dist/vue-tribute.js

@@ -1810,17 +1810,21 @@
 	      handler: function handler() {
 	        var _this = this;
 
-	        var $el = this.$slots.default[0].elm;
-
 	        if (this.tribute) {
-	          this.tribute.detach($el);
 	          setTimeout(function () {
+	            var $el = _this.$slots.default[0].elm;
+
+	            _this.tribute.detach($el);
+
+	            setTimeout(function () {
+	              var $el = _this.$slots.default[0].elm;
 	              _this.tribute = new Tribute(_this.options);
 
 	              _this.tribute.attach($el);
 
 	              $el.tributeInstance = _this.tribute;
 	            }, 0);
+	          }, 0);
 	        }
 	      }
 	    }

src/index.js

@@ -13,14 +13,18 @@ const VueTribute = {
       immediate: false,
       deep: true,
       handler() {
-        const $el = this.$slots.default[0].elm
         if (this.tribute) {
-          this.tribute.detach($el)
+          setTimeout( () => {
-          setTimeout(() => {
+            var $el = this.$slots.default[0].elm;
-            this.tribute = new Tribute(this.options)
+            this.tribute.detach($el);
-            this.tribute.attach($el)
+
-            $el.tributeInstance = this.tribute
+            setTimeout( () => {
-          }, 0)
+              $el = this.$slots.default[0].elm;
+              this.tribute = new Tribute(this.options);
+              this.tribute.attach($el);
+              $el.tributeInstance = this.tribute;
+            }, 0);
+          }, 0);
         }
       }
     }