chore: remove comments from Tab components

Author: Adebesin-Cell

app/components/Tab/Item.vue

@@ -1,26 +1,14 @@
 <script setup lang="ts">
 import type { IconClass } from '~/types'
 
-/**
- * Tab — a single tab button. Must be used inside TabList, within a TabRoot.
- *
- * Styling is driven by `data-selected` attribute — no conditional class logic.
- * Extra classes and attrs are passed through to ButtonBase.
- */
-
 defineOptions({ name: 'TabItem', inheritAttrs: false })
 
 const props = withDefaults(
   defineProps<{
-    /** Unique value identifying this tab. Must match a TabPanel's value. */
     value: string
-    /** Optional icon class displayed before the label. */
     icon?: IconClass
-    /** Optional explicit element id (default: auto-generated from TabRoot idPrefix). */
     tabId?: string
-    /** @default "secondary" */
     variant?: 'primary' | 'secondary'
-    /** @default "md" */
     size?: 'sm' | 'md'
   }>(),
   {

app/components/Tab/List.vue

@@ -1,9 +1,4 @@
 <script setup lang="ts">
-/**
- * TabList — wraps Tab children with `role="tablist"` and handles
- * arrow-key roving focus per WAI-ARIA Tabs pattern.
- */
-
 defineOptions({ name: 'TabList' })
 
 defineProps<{

app/components/Tab/Panel.vue

@@ -1,17 +1,8 @@
 <script setup lang="ts">
-/**
- * TabPanel — content panel associated with a Tab.
- *
- * Automatically shows/hides based on the selected tab value.
- * Uses `data-selected` for CSS-driven visibility when needed.
- */
-
 defineOptions({ name: 'TabPanel' })
 
 const props = defineProps<{
-  /** Must match the corresponding Tab's value. */
   value: string
-  /** Optional explicit element id (default: auto-generated from Tabs idPrefix). */
   panelId?: string
 }>()
 

app/components/Tab/Root.vue

@@ -1,31 +1,10 @@
 <script setup lang="ts">
-/**
- * Root container for the accessible Tabs compound component.
- *
- * Provides shared state to TabList, Tab, and TabPanel children
- * via provide/inject. Minimal JS — visual states are driven by
- * `data-selected` attributes on Tab and TabPanel elements.
- *
- * @example
- * <Tabs v-model="activeTab" default-value="overview">
- *   <TabList aria-label="Section navigation">
- *     <Tab value="overview">Overview</Tab>
- *     <Tab value="details">Details</Tab>
- *   </TabList>
- *   <TabPanel value="overview">Overview content</TabPanel>
- *   <TabPanel value="details">Details content</TabPanel>
- * </Tabs>
- */
-
 defineOptions({ name: 'TabRoot' })
 
 const props = withDefaults(
   defineProps<{
-    /** Currently active tab value. */
     modelValue?: string
-    /** Fallback value when modelValue is not provided. */
     defaultValue?: string
-    /** Optional id prefix for generated tab/panel ids. */
     idPrefix?: string
   }>(),
   {