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 home page and explore pages.
Components
<XRdProfileCard />
Clickable listing card used in home page grids and explore results. Links to /restaurants/{slug}. Shows hero image with price level badge, name, cuisine badges, star rating, review count, and neighborhood/city.
<XRdProfileCard :restaurant="restaurant" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
restaurant | Restaurant | required | Restaurant object with slug, heroImage, name, cuisineTypes, averageRating, totalReviews, priceLevel, location, description |
AI Context
category: Profile
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRdProfileCard
use-when: >
Rendering a clickable restaurant listing card in home page grids, explore
page results, or anywhere a compact restaurant summary card is needed.
typical-page-section: Listing grids on the home page and explore page.