chore: use reactive props

components/ProjectCard.vue

@@ -1,14 +1,12 @@
 <script setup lang="ts">
 import type { Project } from "@/data/projects";
 import { unref as _unref } from "vue";
-const props = defineProps<{
+const { project } = defineProps<{
   project: Project;
   reverse?: boolean;
 }>();
 
-const imgUrl = props.project.img
-  ? `url(/images/projects/${props.project.img})`
-  : "none";
+const imgUrl = project.img ? `url(/images/projects/${project.img})` : "none";
 </script>
 
 <template>