Add ts for Tabs

resources/js/components/ui/ActionButton.vue

@@ -1,28 +1,14 @@
 <template>
     <a v-tooltip="tooltip" :href="href" :target="blank ? '_BLANK' : '_SELF'" class="inline-flex btn btn-sm">
-        <ui-sprite :src="icon"></ui-sprite>
+        <ui-sprite :src="icon" />
     </a>
 </template>
 
-<script setup>
+<script lang="ts" setup>
-defineProps({
+const {tooltip, icon, blank = false, href = '#'} = defineProps<{
-    tooltip: {
+    tooltip: string,
-        required: true,
+    href?: string,
-        type: String,
+    blank?: boolean,
-    },
+    icon: string,
-    href: {
+}>();
-        type: String,
-        default: () => '#',
-        required: false,
-    },
-    blank: {
-        type: Boolean,
-        default: () => false,
-        required: false,
-    },
-    icon: {
-        type: String,
-        required: true,
-    },
-});
 </script>

resources/js/components/ui/Sprite.vue

@@ -2,6 +2,5 @@
     <svg v-bind="$attrs" class="fill-current"><use :xlink:href="`/sprite.svg#${$attrs.src}`" /></svg>
 </template>
 
-<script>
+<script lang="ts" setup>
-export default {};
 </script>

resources/js/components/ui/Tabs.vue

@@ -9,7 +9,7 @@
     </div>
 </template>
 
-<script  lang="ts" setup>
+<script lang="ts" setup>
 defineProps<{
     modelValue: number,
     entries: {title: string}[]