From 5303c2b4c0d0a40c406380d5276362994beffb8a Mon Sep 17 00:00:00 2001
From: Sebastian De Deyne <sebastiandedeyne@gmail.com>
Date: Wed, 6 Dec 2017 09:32:11 +0100
Subject: [PATCH] CS

---
 src/components/Tab.vue  | 1 +
 src/components/Tabs.vue | 8 ++++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/Tab.vue b/src/components/Tab.vue
index 4b85614..2778107 100644
--- a/src/components/Tab.vue
+++ b/src/components/Tab.vue
@@ -33,6 +33,7 @@
                 if (this.isDisabled) {
                     return '#';
                 }
+
                 return this.id ?
                     '#' + this.id :
                     '#' + this.name.toLowerCase().replace(/ /g, '-');
diff --git a/src/components/Tabs.vue b/src/components/Tabs.vue
index 11e675f..91c4a1f 100644
--- a/src/components/Tabs.vue
+++ b/src/components/Tabs.vue
@@ -1,7 +1,9 @@
 <template>
     <div class="tabs-component">
         <ul role="tablist" class="tabs-component-tabs">
-            <li v-for="tab in tabs"
+            <li
+                v-for="(tab, i) in tabs"
+                :key="i"
                 :class="{ 'is-active': tab.isActive, 'is-disabled': tab.isDisabled }"
                 class="tabs-component-tab"
                 role="presentation"
@@ -28,7 +30,9 @@
 
     export default {
         props: {
-            cacheLifetime: { default: 5 },
+            cacheLifetime: {
+                default: 5,
+            },
             options: {
                 type: Object,
                 required: false,