feat(Tabs): new component

playground/app.vue

@@ -5,7 +5,7 @@ useHead({
   }
 })
 
-const components = ['avatar', 'badge', 'button', 'chip', 'collapsible', 'kbd', 'popover', 'skeleton', 'tooltip']
+const components = ['avatar', 'badge', 'button', 'chip', 'collapsible', 'kbd', 'popover', 'skeleton', 'tabs', 'tooltip']
 </script>
 
 <template>

playground/pages/tabs.vue

@@ -0,0 +1,21 @@
+<template>
+  <UTabs :items="items" class="w-96">
+    <template #tab1="{ item }">
+      {{ item.label }}
+    </template>
+  </UTabs>
+</template>
+
+<script setup lang="ts">
+const items = [{
+  label: 'Tab1',
+  content: 'This is the content shown for Tab1',
+  slot: 'tab1'
+}, {
+  label: 'Tab2',
+  content: 'And, this is the content for Tab2'
+}, {
+  label: 'Tab3',
+  content: 'Finally, this is the content for Tab3'
+}]
+</script>