Prepending card if added ad the beginning

VueSwing.vue

@@ -15,7 +15,6 @@ export default {
   data () {
     return {
       stack: null,
-      cards: [],
       observer: null
     }
   },
@@ -24,7 +23,7 @@ export default {
     this.stack = Swing.Stack(this.config || {})
     let children = [...this.$el.children]
     children.forEach(el => {
-      this.cards.push(this.stack.createCard(el))
+      this.stack.createCard(el)
     })
 
     // Observe changes in DOM
@@ -47,15 +46,15 @@ export default {
 
         const card = this.stack.getCard(el)
         if (card == null) {
-          this.cards.push(this.stack.createCard(el))
+          const prepend = Array.from(this.$el.children).indexOf(el) === 0
+          this.stack.createCard(el, prepend)
         }
       })
 
       // Remove the card if the element is gone
       removedElements.forEach(el => {
         const card = this.stack.getCard(el)
         if (card != null) {
-          this.cards.splice(this.cards.indexOf(card), 1)
           this.stack.destroyCard(card)
         }
       })