VitePress OpenAPI

Appearance

Branding Customization ​

You can customize or hide the default Powered by VitePress OpenAPI branding that appears at the bottom of vitepress-openapi components.

Support the Project

Please show your support for this project by giving a star on GitHub and/or sponsoring Enzo Notario, the maintainer of this project.

Hiding the Branding ​

The simplest way to hide the branding is to use the hide-branding prop on the OASpec or OAOperation components:

Example

markdown
---
aside: false
outline: false
title: vitepress-openapi
---

<OAOperation operationId="getAllArtists" hide-branding />

[//]: # (Or if using OASpec:)
[//]: # (<OASpec hide-branding />)

Preview

Get all artists​

GET
/api/v1/artists

Get a list of all legendary Argentine Rock artists and explore their contributions to the music scene. You can get one using the GETGet an artist endpoint.

Parameters​

Query Parameters

limit

The number of items to return

Typeinteger
Examples
102050
formatint64
default10
offset

The number of items to skip before starting to collect the result set

Typeinteger
Examples
123456
formatint64
default0

Responses​

OK
application/json
JSON
{
"data": [
{
"id": 1,
"name": "Charly García",
"description": "One of the most influential rock musicians in Argentine history.",
"image": "https://cdn.rock-legends.com/photos/charly.jpg",
"band": "Sui Generis"
}
],
"meta": {
"limit": 10,
"offset": 0,
"total": 100,
"next": "/artists?limit=10&offset=10"
}
}

Playground​

Server
Variables
Key
Value

Samples​

Custom Branding with Slots ​

For more control, you can replace the default branding with your own content using the branding slot:

Example

markdown
---
aside: false
outline: false
title: vitepress-openapi
---

<OAOperation operationId="getAllArtists">

<template #branding>
    <div class="my-custom-branding">
        Powered by My Company
    </div>
</template>

</OAOperation>

[//]: # (Or if using OASpec:)
[//]: # (<OASpec>)
[//]: # ()
[//]: # (<template #branding>)
[//]: # (    <div class="my-custom-branding">)
[//]: # (        Powered by My Company)
[//]: # (    </div>)
[//]: # (</template>)
[//]: # ()
[//]: # (</OASpec>)

Preview

Get all artists​

GET
/api/v1/artists

Get a list of all legendary Argentine Rock artists and explore their contributions to the music scene. You can get one using the GETGet an artist endpoint.

Parameters​

Query Parameters

limit

The number of items to return

Typeinteger
Examples
102050
formatint64
default10
offset

The number of items to skip before starting to collect the result set

Typeinteger
Examples
123456
formatint64
default0

Responses​

OK
application/json
JSON
{
"data": [
{
"id": 1,
"name": "Charly García",
"description": "One of the most influential rock musicians in Argentine history.",
"image": "https://cdn.rock-legends.com/photos/charly.jpg",
"band": "Sui Generis"
}
],
"meta": {
"limit": 10,
"offset": 0,
"total": 100,
"next": "/artists?limit=10&offset=10"
}
}

Playground​

Server
Variables
Key
Value

Samples​

Powered by My Company