activist/src/views/HomeView.vue

<script setup lang="ts">
import Panel from 'primevue/panel';
import Button from "primevue/button";
</script>

<template>
  <h1>Activity</h1>
  <Panel header="user1 contributed to project1">
    <Button
      as="router-link"
      to="/profile/b356ab50-4657-4b60-aba9-71a2baab3bfe">
      Joe's Profile
    </Button>
  </Panel>
  <Panel header="user2 contributed to project2">
    <Button
      as="router-link"
      to="/profile/2f0ad329-4f24-4d22-8827-d1a5d3237a4d">
      Kim's Profile
    </Button>
  </Panel>
  <Panel header="user3 contributed to project3">
    item 3
  </Panel>
  <Panel header="user4 contributed to project4">
    item 4
  </Panel>
</template>

<style scoped>
h1 {
  font-size: 150%;
  margin: 20px;
}
</style>