chore: use reactive props

This commit is contained in:
Daniel Chen
2024-10-16 13:25:13 -04:00
parent 5fd2150beb
commit 6bf5d77a01
8 changed files with 41 additions and 43 deletions

View File

@@ -1,5 +1,5 @@
<script setup lang="ts">
const props = defineProps<{
const { highlight } = defineProps<{
name: string;
dest: string;
highlight?: boolean;
@@ -9,7 +9,7 @@ const props = defineProps<{
const isLinkableTag = true;
const tagClass = [
"inline-block text-xs rounded-lg py-1 px-2 mt-1 mr-1 transition border border-pink-200 dark:border-pink-900 border-2 font-medium no-underline",
{ "bg-pink-200 dark:bg-pink-900": props.highlight },
{ "bg-pink-200 dark:bg-pink-900": highlight },
{ "shadow-md": isLinkableTag },
];
</script>