wave-ui 2.32.2 → 2.32.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wave-ui",
-  "version": "2.32.2",
+  "version": "2.32.3",
   "description": "An emerging UI framework for Vue.js (2 & 3) with only the bright side. :sunny:",
   "author": "Antoni Andre <antoniandre.web@gmail.com>",
   "main": "./dist/wave-ui.umd.js",

package/src/wave-ui/components/w-tabs/index.vue

@@ -32,20 +32,21 @@
     transition(:name="transitionName" :mode="transitionMode")
       keep-alive
         //- Keep-alive only works with components, not with DOM nodes.
-        tab-content(:key="activeTab._index" :class="contentClass")
-          slot(
-            v-if="$slots[`item-content.${activeTab.id || activeTab._index + 1}`]"
-            :name="`item-content.${activeTab.id || activeTab._index + 1}`"
-            :item="getOriginalItem(activeTab)"
-            :index="activeTab._index + 1"
-            :active="activeTab._index === activeTabIndex")
-          slot(
-            v-else
-            name="item-content"
-            :item="getOriginalItem(activeTab)"
-            :index="activeTab._index + 1"
-            :active="activeTab._index === activeTabIndex")
-            div(v-html="activeTab[itemContentKey]")
+        tab-content(:key="activeTab._index" :item="activeTab" :class="contentClass")
+          template(#default="{ item }")
+            slot(
+              v-if="$slots[`item-content.${item._index + 1}`]"
+              :name="`item-content.${item._index + 1}`"
+              :item="getOriginalItem(item)"
+              :index="item._index + 1"
+              :active="item._index === activeTab._index")
+            slot(
+              v-else
+              name="item-content"
+              :item="getOriginalItem(item)"
+              :index="item._index + 1"
+              :active="item._index === activeTab._index")
+              div(v-if="item[itemContentKey]" v-html="item[itemContentKey]")
 </template>
 
 <script>

package/src/wave-ui/components/w-tabs/tab-content.vue

@@ -1,8 +1,11 @@
 <template lang="pug">
 .w-tabs__content
-  slot
+  slot(:item="item")
 </template>
 
 <script>
 // Keep-alive only works with components, not with DOM nodes.
+export default {
+  props: { item: Object }
+}
 </script>