Profile
ProfileCard
Restaurant listing card with image, cuisine badges, rating, and location.
Profile
Profile components build the restaurant detail pages. XRDProfileCard is also used in listing grids across the home page, popular page, and anywhere a compact restaurant summary card is needed.
Components
<XRDProfileCard />
Clickable listing card that links to /restaurants/{slug}. Shows a cover image with optional price-range and "Featured" badges, name, cuisine badges (up to 3), star rating with review count, neighbourhood/city, and a clamped description. Falls back to a built-in Unsplash image if neither coverImage nor images[0] is available.
<XRDProfileCard :restaurant="restaurant" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
restaurant | RestaurantApiResponse | required | Restaurant object with slug, coverImage, images, name, cuisineType (or servesCuisine fallback), averageRating, ratingCount (or reviewCount), isFeatured, priceRange, neighborhood/addressLocality, addressRegion, description. |
AI Context
category: Profile
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRDProfileCard
use-when: >
Rendering a clickable restaurant listing card in home page grids, popular
page results, or anywhere a compact restaurant summary card is needed.
typical-page-section: Listing grids on the home page, popular page, and any related-restaurants section.