Restaurant Photos

The /restaurants/:slug/photos child page renders the restaurant's photo gallery in a responsive grid. Clicking a photo opens it in a lightbox. Photo data is injected from the parent layout.

Route

/restaurants/:slug/photos

Components Used

The photos page uses a responsive image grid layout with an inline lightbox. Photos are rendered directly using <NuxtImg> or <img> elements; no dedicated named component is registered for the gallery grid itself beyond what the page template provides.

Data Fetching

Photo data (Photo[]) is injected from the parent restaurants/[slug].vue layout, which fetched it via useRestaurant(slug).getRestaurantPhotos(). No additional API call is made in this child page.

AI Context

route: /restaurants/:slug/photos
package: "@xenterprises/nuxt-x-restaurants"
use-when: >
  Rendering the photos tab on a restaurant profile. Data is provided
  by the parent layout via inject. The gallery renders a responsive
  image grid with a lightbox overlay on click.