4.0 KiB
4.0 KiB
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. |
Single items
You can render a single activity item by passing the track and user information to the <Activity> component.
<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. :::
<Activity :track="track" :user="user" v-for="i in 3" :key="i" />