Building Your Friend Space
How to manage the Friend Space section on your profile.
The Friend Space section is driven by the friends array in src/data/profile.ts.
Each friend entry has three fields:
name— displayed as the friend’s namehref— a link to their profile or site (use#for now)status— optional. Set to'Online'to show the online indicator
Example:
{ name: 'Your Friend', href: 'https://example.com', status: 'Online' },
How many friends to show
The component renders all entries in the array in a 4-column grid on wider screens and 2 columns on mobile. The typical MySpace-era Top 8 had eight friends, but you can add more or fewer.
The count label
The label below the section title — “Showing example friends.” — comes from themeConfig.friendCountLabel in src/data/theme.ts. Update it to reflect your actual friend count or remove the line from the template.