Sha256: 04378b5b3087aab34699560cbe4d208a82e34d064c868feb885def8df5313fd4

Contents?: true

Size: 907 Bytes

Versions: 49

Compression:

Stored size: 907 Bytes

Contents

---
outline: deep
---

# Runtime API Examples

This page demonstrates usage of some of the runtime APIs provided by VitePress.

The main `useData()` API can be used to access site, theme, and page data for the current page. It works in both `.md` and `.vue` files:

```md
<script setup>
import { useData } from 'vitepress'

const { theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>
```

<script setup>
import { useData } from 'vitepress'

const { site, theme, page, frontmatter } = useData()
</script>

## Results

### Theme Data
<pre>{{ theme }}</pre>

### Page Data
<pre>{{ page }}</pre>

### Page Frontmatter
<pre>{{ frontmatter }}</pre>

## More

Check out the documentation for the [full list of runtime APIs](https://vitepress.dev/reference/runtime-api#usedata).

Version data entries

49 entries across 49 versions & 2 rubygems

Version Path
plutonium-0.18.1 docs/api-examples.md
plutonium-0.18.0 docs/api-examples.md
plutonium-0.16.5 docs/api-examples.md
plutonium-0.16.4 docs/api-examples.md
plutonium-0.16.3 docs/api-examples.md
plutonium-0.16.1 docs/api-examples.md
plutonium-0.16.0 docs/api-examples.md
plutonium-0.15.24 docs/api-examples.md
plutonium-0.15.23 docs/api-examples.md
plutonium-0.15.22 docs/api-examples.md
plutonium-0.15.21 docs/api-examples.md
plutonium-0.15.20 docs/api-examples.md
plutonium-0.15.19 docs/api-examples.md
plutonium-0.15.18 docs/api-examples.md
plutonium-0.15.17 docs/api-examples.md
plutonium-0.15.16 docs/api-examples.md
plutonium-0.15.15 docs/api-examples.md
plutonium-0.15.14 docs/api-examples.md
plutonium-0.15.13 docs/api-examples.md
plutonium-0.15.12 docs/api-examples.md