Appearance
Skip to content
WARNING
This component is tightly coupled with the Funkwhale app frontend in will be moved into ``/front/components` eventually.
ts
import Activity from "~/components/ui/Activity.vue"Activity
Activities display history entries for a Funkwhale pod. Each item contains the following information:
- An image
- A track title
- An artist name
- A username
- A popover
| Prop | Data type | Required? | Description |
|---|---|---|---|
track | Track object | Yes | The track to render in the activity entry. |
user | User object | Yes | The user associated with the activity entry. |
NOTE
Track images are purely decorative (alt="")
Single items
You can render a single activity item by passing the track and user information to the <Activity> component.
template
<Activity :track="track" :user="user" />Activity lists
You can display a list of activity items by passing a v-for directive and adding a key to the item. The key must be unique to the list.
INFO
Items in a list are visually separated by a 1px border.
template
<Activity :track="track" :user="user" v-for="i in 3" :key="i" />