nuxt-x-marketing
DirectoryListingDetail
Full listing detail page with logo, name, rating, categories, tags, description, and custom content slots.
DirectoryListingDetail
A full-page detail layout for an individual listing. Displays the logo, name, category, rating, and review count in the header. Accepts a default slot for the main description/content and includes sidebar and action slots for a buy/visit box.
Components
<XMarkDirectoryListingDetail />
A full-page detail layout for an individual listing. Displays the logo, name, category, rating, and review count in the header. Accepts a default slot for the main description/content and includes sidebar and action slots for a buy/visit box.
<XMarkDirectoryListingDetail
:listing="{
name: 'Linear',
logo: '/logos/linear.png',
category: 'Project Management',
badge: 'Featured',
rating: 4.8,
reviewCount: 1240,
description: 'The issue tracking tool built for modern software teams.',
tags: ['Productivity', 'Agile', 'Team'],
website: 'https://linear.app',
}"
>
<p>Detailed description and content goes here...</p>
</XMarkDirectoryListingDetail>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
listing | Object | Required | Listing object { name, logo?, category?, badge?, rating?, reviewCount?, description?, tags?, website?, ... } |
AI Context
category: Directory
package: "@xenterprises/nuxt-x-marketing"
components:
- XMarkDirectoryListingDetail
use-when: >
Building the individual listing detail page in a directory. Shows logo,
name, category, rating, tags, description, and provides slots for custom
content and a sidebar action box.
typical-page-section: Full page for a single directory listing (/directory/[slug]).