| layout | aside |
|---|---|
doc |
right |
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:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ultrices tortor non lobortis volutpat. Proin tempus purus lectus, sit amet facilisis velit volutpat ac. In facilisis tempor neque sit amet dictum. Nulla hendrerit dapibus sem tincidunt iaculis. In tincidunt euismod sapien, et ultricies risus condimentum a. In at cursus leo. Suspendisse dolor enim, tincidunt feugiat nulla vitae, rhoncus consequat metus. Mauris ut aliquet tellus. Curabitur posuere accumsan hendrerit. Vivamus tristique finibus diam, at scelerisque lacus. Suspendisse nulla mi, condimentum eget est id, tempus viverra lacus. Integer eu tristique ligula.
Donec eu viverra lacus. Phasellus a egestas ligula. Quisque lorem sem, efficitur vel lacus eget, feugiat faucibus sapien. Aenean laoreet lorem in tortor condimentum, non pulvinar ante tempor. Nullam fringilla tristique lacus, ac laoreet justo elementum vitae. Praesent faucibus accumsan lorem, id venenatis velit aliquam ut. Praesent arcu quam, eleifend a lectus vitae, molestie interdum neque. Vivamus vitae sagittis lacus. Sed molestie tincidunt consequat. Curabitur egestas risus sed lectus auctor tristique. Donec at tellus facilisis metus venenatis commodo. Aliquam aliquet augue quis felis vestibulum egestas. Fusce feugiat ac metus sed scelerisque.
Duis leo felis, dictum in ante a, rutrum sollicitudin leo. Aenean finibus, libero nec suscipit blandit, lacus arcu faucibus velit, vitae commodo sem neque commodo purus. Mauris finibus id quam at mattis. Phasellus posuere tristique ex sit amet accumsan. Mauris dolor nulla, laoreet id tellus ut, facilisis posuere neque. Sed tincidunt rhoncus massa sit amet rutrum. Praesent eu placerat lectus. Nam dignissim in augue vel mollis. Suspendisse luctus ipsum vitae laoreet consectetur. Suspendisse eget dictum leo. Maecenas tortor est, viverra eu odio ut, sagittis tincidunt orci. Donec massa elit, elementum vel commodo et, dignissim vitae tortor. Aliquam eget elit et ex dapibus tincidunt. Pellentesque malesuada diam a tortor porta, sit amet scelerisque nibh aliquet. Nullam ultrices augue odio, vel tempor lacus pharetra et. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Cras elementum blandit nulla vel volutpat. Nunc risus mi, pellentesque et gravida et, ultrices non nibh. Vivamus sit amet tortor massa. Nulla ut tempor arcu. Quisque varius, nisi eget pulvinar fringilla, est mauris accumsan erat, eu tincidunt dui sem eget arcu. Nunc in metus ut risus hendrerit aliquet. In et nulla tellus. Nam id malesuada elit. Proin placerat eleifend lacus, sit amet molestie eros vulputate id. Ut purus ligula, condimentum ac nisl luctus, tincidunt semper est. Ut porta malesuada dignissim. Duis dapibus quam id consequat luctus. Quisque quis dapibus mauris. Vestibulum aliquam augue nec nibh porta, sed sollicitudin odio consequat.
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:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur ultrices tortor non lobortis volutpat. Proin tempus purus lectus, sit amet facilisis velit volutpat ac. In facilisis tempor neque sit amet dictum. Nulla hendrerit dapibus sem tincidunt iaculis. In tincidunt euismod sapien, et ultricies risus condimentum a. In at cursus leo. Suspendisse dolor enim, tincidunt feugiat nulla vitae, rhoncus consequat metus. Mauris ut aliquet tellus. Curabitur posuere accumsan hendrerit. Vivamus tristique finibus diam, at scelerisque lacus. Suspendisse nulla mi, condimentum eget est id, tempus viverra lacus. Integer eu tristique ligula.
Donec eu viverra lacus. Phasellus a egestas ligula. Quisque lorem sem, efficitur vel lacus eget, feugiat faucibus sapien. Aenean laoreet lorem in tortor condimentum, non pulvinar ante tempor. Nullam fringilla tristique lacus, ac laoreet justo elementum vitae. Praesent faucibus accumsan lorem, id venenatis velit aliquam ut. Praesent arcu quam, eleifend a lectus vitae, molestie interdum neque. Vivamus vitae sagittis lacus. Sed molestie tincidunt consequat. Curabitur egestas risus sed lectus auctor tristique. Donec at tellus facilisis metus venenatis commodo. Aliquam aliquet augue quis felis vestibulum egestas. Fusce feugiat ac metus sed scelerisque.
Duis leo felis, dictum in ante a, rutrum sollicitudin leo. Aenean finibus, libero nec suscipit blandit, lacus arcu faucibus velit, vitae commodo sem neque commodo purus. Mauris finibus id quam at mattis. Phasellus posuere tristique ex sit amet accumsan. Mauris dolor nulla, laoreet id tellus ut, facilisis posuere neque. Sed tincidunt rhoncus massa sit amet rutrum. Praesent eu placerat lectus. Nam dignissim in augue vel mollis. Suspendisse luctus ipsum vitae laoreet consectetur. Suspendisse eget dictum leo. Maecenas tortor est, viverra eu odio ut, sagittis tincidunt orci. Donec massa elit, elementum vel commodo et, dignissim vitae tortor. Aliquam eget elit et ex dapibus tincidunt. Pellentesque malesuada diam a tortor porta, sit amet scelerisque nibh aliquet. Nullam ultrices augue odio, vel tempor lacus pharetra et. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Cras elementum blandit nulla vel volutpat. Nunc risus mi, pellentesque et gravida et, ultrices non nibh. Vivamus sit amet tortor massa. Nulla ut tempor arcu. Quisque varius, nisi eget pulvinar fringilla, est mauris accumsan erat, eu tincidunt dui sem eget arcu. Nunc in metus ut risus hendrerit aliquet. In et nulla tellus. Nam id malesuada elit. Proin placerat eleifend lacus, sit amet molestie eros vulputate id. Ut purus ligula, condimentum ac nisl luctus, tincidunt semper est. Ut porta malesuada dignissim. Duis dapibus quam id consequat luctus. Quisque quis dapibus mauris. Vestibulum aliquam augue nec nibh porta, sed sollicitudin odio consequat.
<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>This page demonstrates usage of some of the runtime APIs provided by VitePress.
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:
<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>- First Item
- First Item
- First Item
- First Item
{.order-list-I}
::: tip test {icon-type=tip} test :::
::: info {icon-type=info} test :::
::: info {icon-type=info-bordered} test :::
::: warning {icon-type=warning} test :::
::: warning {icon-type=warning-bordered} test :::
::: danger {icon-type=danger} test :::
::: danger {icon-type=danger-bordered} test :::
::: info video content {icon-type=video} demo :::
::: info video content {icon-type=video-bordered} demo :::