refactor to UI components

src/components/ui/UITab.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+interface Props {
+  active?: boolean
+}
+
+const props = defineProps<Props>()
+
+const styleClass = computed(() => {
+  const activeClass = props.active && 'dui-tab-active !border-primary text-primary'
+  return [activeClass]
+})
+</script>
+<template>
+  <a class="dui-tab-bordered dui-tab-lifted dui-tab dui-tab-md" :class="styleClass">
+    <slot></slot>
+  </a>
+</template>