nuxt-x-schema
Service
Schema.org Service JSON-LD component for professional service structured data.
Service
The XSchemaService component injects a <script type="application/ld+json"> tag for service structured data. No visible output — SEO only.
Components
<XSchemaService />
Use on pages describing a professional service offering. When provider is omitted, the component defaults to the app config organization.
<XSchemaService
name="Web Development"
description="Custom web application development services"
service-type="WebDevelopment"
area-served="Seattle, WA"
/>
Props
| Prop | Type | Required | Description |
|---|---|---|---|
name | String | Yes | Service name |
description | String | Yes | Service description |
serviceType | String | Yes | Service type identifier |
provider | Organization | No | Provider Organization object (defaults to app config organization) |
areaServed | String | String[] | No | Geographic area(s) served |
offers | Offer | No | Pricing Offer object |
image | String | String[] | No | Service image URL(s) |
url | String | No | Service page URL |
category | String | No | Service category |
AI Context
component: XSchemaService
package: "@xenterprises/nuxt-x-schema"
output: JSON-LD script tag in <head>
use-when: Adding Service structured data on professional service pages
place: In page-level components (pages/ or layouts/), NOT in shared headers
notes:
- Renderless component — no visible DOM output; purely SEO metadata
- Injects JSON-LD server-side via useHead — SSR-safe, visible to crawlers on first paint
- provider defaults to app config organization when omitted