```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](./popover.md) | 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 `` component. ```vue-html ``` ## 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. ::: ```vue-html{4-5} ```