From ad2bca21d1531668527f281089293f51d0432f21 Mon Sep 17 00:00:00 2001
From: Daniel Perez <perez.jose_21@hotmail.com>
Date: Mon, 24 Jul 2017 09:39:51 -0400
Subject: [PATCH] Fix :key using non-primitive value as key

Avoid using non-primitive value as key, use string/number value instead. Index should be enough.
---
 src/component.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/component.vue b/src/component.vue
index 0a22eff..7882dab 100644
--- a/src/component.vue
+++ b/src/component.vue
@@ -126,7 +126,7 @@ export default {
 <template>
 <transition tag="div" name="vuedal">
     <div class="vuedals" v-show="vuedals.length">
-        <div class="vuedal" v-for="(vuedal, index) in vuedals" :key="vuedal" :class="getCssClasses(index)">
+        <div class="vuedal" v-for="(vuedal, index) in vuedals" :key="index" :class="getCssClasses(index)">
             <header v-if="(vuedal.title || vuedal.dismisable) && !vuedal.header">
                 <span class="title">{{ vuedal.title }}</span>
                 <span @click="dismiss()" v-if="vuedal.dismisable" class="close">&times;</span>