Home Page
HomePageLatestStories
3-column blog post grid for editorial food content.
HomePage
These components compose the restaurant directory's landing page.
Components
<XRDHomePageLatestStories />
Editorial stories section: 1 cinematic-featured story on top, then a 3-column grid of the remaining stories, each rendered with XCardMedia (from the nuxt-x-cards peer layer) for cinematic landscape media cards. Headlines, descriptions, dates, and authors are read from the article objects; category badges come from meta.category. Copy (title, description, read-more label) is read from appConfig.xRestaurants.homePage.latestStories.
<XRDHomePageLatestStories :stories="stories" />
Props
| Prop | Type | Default | Description |
|---|---|---|---|
stories | array | [] | Array of Nuxt Content article objects with id, title, description, path, meta.date, and meta.image |
AI Context
category: HomePage
package: "@xenterprises/nuxt-x-restaurants"
components:
- XRDHomePageLatestStories
use-when: >
Displaying a 3-column grid of editorial blog post cards sourced from
the Nuxt Content articles collection on the restaurant directory home page.
typical-page-section: Editorial/blog content section on the home page.