Pages
Utility Pages
The /popular, /explore, /about, and /list-restaurant routes — supplementary discovery and informational pages.
Utility Pages
Four supplementary pages that round out the directory experience. Each is a standalone route with a focused purpose.
Routes
| Route | Description |
|---|---|
/popular | Curated list of the most popular restaurants. |
/explore | Open-ended browse/discovery page (neighbourhood, cuisine, or map-based). |
/about | Static informational page about the directory. |
/list-restaurant | Form page for restaurant owners to submit their listing. |
Components Used
/popular
| Component | Role |
|---|---|
XRDProfileCard | Restaurant card rendered for each popular result. |
XRDStarRating | Rating display within each card. |
/explore
Explore uses a combination of filter components and restaurant cards to allow open-ended browsing. May incorporate XRDFilters or a simplified filter set depending on configuration.
/about
Static content page — uses shared marketing layout components from nuxt-x-marketing. No XRD-prefixed components are required.
/list-restaurant
Form page using shared form/UI components from the nuxt-x-marketing layer and/or @nuxt/ui primitives. No XRD-prefixed components are required.
Data Fetching
| Route | Data source |
|---|---|
/popular | useDomain().getRestaurantsTopRated() via useAsyncData. |
/explore | useDomain().getRestaurants() via useAsyncData; may also call getRestaurantsRandom(). |
/about | No API calls — static content from app.config.ts or Nuxt Content. |
/list-restaurant | Form submission handled by an API call or third-party form provider; no read fetching on load. |
AI Context
route: /popular
package: "@xenterprises/nuxt-x-restaurants"
use-when: >
Rendering any of the four utility pages: /popular (top-rated restaurants),
/explore (open-ended browse), /about (directory information), or
/list-restaurant (restaurant submission form). Each is a standalone route
with minimal inter-page dependencies.