fix homepage event card

Author: MrSunshyne

packages/frontendmu-astro/src/components/event-card-modern.astro

@@ -69,7 +69,7 @@ const isUpcoming = () => {
       class="leading-2 text-xl font-semibold flex-1 py-2 text-verse-500 dark:text-verse-400 group-hover:text-verse-500 dark:group-hover:text-verse-100"
     >
       <a
-        href={`meetup/${event.id}`}
+        href={`/meetup/${event.id}`}
         class="w-[300px] md:w-96 focus:outline-none"
       >
         <span class="absolute inset-0" aria-hidden="true"></span>

packages/frontendmu-astro/src/components/event-card.vue

@@ -59,7 +59,7 @@ const tiltOptions = {
       <!-- <div class="w-64 top-0 h-64 z-10 bg-gradient-to-t from-white to-transparent absolute">&nbsp;</div> -->
 
       <h3 class="leading-2 text-xl md:text-5xl font-medium md:h-12 z-20 text-verse-600 dark:text-verse-300">
-        <a :href="`meetup/${props.event.id}`" class="w-[300px] md:w-96 focus:outline-none">
+        <a :href="`x/meetup/${props.event.id}`" class="w-[300px] md:w-96 focus:outline-none">
           <span class="absolute inset-0" aria-hidden="true" />
           {{ event?.title }}
         </a>