Mikolaj Widla
971cc5f36a
Co-authored-by: Adam Bem <adam.bem@zoho.eu> Co-authored-by: Adam Bem <bema@noreply.example.com> Reviewed-on: #244
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: 500;
|
|
}
|
|
</style> |