22 lines
522 B
Vue
22 lines
522 B
Vue
<script setup lang="ts">
|
|
import { RouterLink } from 'vue-router';
|
|
const props = defineProps(
|
|
{
|
|
elementContent: { required: false },
|
|
pathTo: { type: String, required: true }
|
|
}
|
|
)
|
|
|
|
</script>
|
|
|
|
<template>
|
|
<RouterLink
|
|
class="w-full text-center py-2 px-4 text-gray-800 transition duration-75 hover:bg-blue-100 dark:text-white dark:hover:bg-slate-600"
|
|
:to="props.pathTo">{{ props.elementContent }}</RouterLink>
|
|
</template>
|
|
|
|
<style>
|
|
.router-link-active {
|
|
font-weight: 600;
|
|
}
|
|
</style> |