Files
solidtime/resources/js/Components/TableRow.vue

26 lines
563 B
Vue

<script setup lang="ts">
import { Link } from '@inertiajs/vue3';
import { twMerge } from 'tailwind-merge';
defineProps<{
href?: string;
}>();
</script>
<template>
<Component
:is="href ? Link : 'div'"
:href="href"
role="row"
:class="
twMerge(
'contents group [&>*]:transition [&>*]:border-row-separator [&>*]:border-b',
href ? '[&>*]:cursor-pointer [&>*]:hover:bg-white/5' : ''
)
">
<slot></slot>
</Component>
</template>
<style scoped></style>