22 lines
568 B
Vue
22 lines
568 B
Vue
<script setup lang="ts">
|
|
import Card from "@/Components/ui/card/Card.vue";
|
|
import CardContent from "@/Components/ui/card/CardContent.vue";
|
|
import { Link } from "@inertiajs/vue3";
|
|
|
|
defineProps<{
|
|
link: string;
|
|
}>();
|
|
</script>
|
|
|
|
<template>
|
|
<li>
|
|
<Link :href="link">
|
|
<Card :class="{ 'bg-secondary': $page.url === link, 'hover:bg-gray': $page.url !== link ,'w-full transition': true }">
|
|
<CardContent class="p-3">
|
|
<slot />
|
|
</CardContent>
|
|
</Card>
|
|
</Link>
|
|
</li>
|
|
</template>
|