@fiscozen/tab 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiscozen/tab",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Design System Tab component",
   "main": "src/index.ts",
   "type": "module",

package/src/FzTab.vue

@@ -14,7 +14,7 @@ const isActive = computed(() => selectedTab?.value === props.title);
 onMounted(() => {
   if (selectedTab === undefined) {
     console.error(
-      "[Fiscozen Design System]: FzTab must be used inside a FzTabs component"
+      "[Fiscozen Design System]: FzTab must be used inside a FzTabs component",
     );
   } else if (props.initialSelected) {
     selectedTab.value = props.title;

package/src/FzTabs.vue

@@ -45,9 +45,13 @@ const tabs = computed(() => {
   return slots
     .default()
     .filter((tab) => {
-      return tab.type === FzTab;
+      return tab.type === FzTab || typeof tab.type === "symbol";
     })
-    .map((tab) => tab.props as FzTabProps);
+    .map((tab) => {
+      const props =
+        tab.type === FzTab ? tab.props : (tab.children as any)[0].props;
+      return props as FzTabProps;
+    });
 });
 
 const isOverflowing = computed(() => {
@@ -77,7 +81,7 @@ function onWheel(e: WheelEvent) {
 onMounted(() => {
   if (tabs.value.length === 0) {
     console.error(
-      "[Fiscozen Design System]: FzTabs must have at least one FzTab child"
+      "[Fiscozen Design System]: FzTabs must have at least one FzTab child",
     );
     return;
   }

package/src/__test__/FzTabs.test.ts

@@ -93,5 +93,5 @@ describe("FzTabs", () => {
     );
 
     expect(wrapper.html()).toMatchSnapshot();
-  })
+  });
 });