Search K
Appearance
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>Results
Theme Data
{
"docFooter": {
"prev": false,
"next": false
},
"search": {
"provider": "local",
"options": {
"detailedView": true
}
},
"nav": [
{
"text": "Uitloggen",
"link": "https://fillingscreens.cloudflareaccess.com/cdn-cgi/access/logout"
}
],
"sidebar": [
{
"text": "Algemeen",
"items": [
{
"text": "api-examples",
"link": "/Algemeen/api-examples"
},
{
"text": "daily-notes",
"items": [
{
"text": "13-05-2026",
"link": "/Algemeen/daily-notes/13-05-2026"
}
],
"collapsed": true
},
{
"text": "kladblok",
"link": "/Algemeen/kladblok"
},
{
"text": "markdown-examples",
"link": "/Algemeen/markdown-examples"
},
{
"text": "terminal-commands",
"link": "/Algemeen/terminal-commands"
},
{
"text": "vscode_cheatsheet",
"link": "/Algemeen/vscode_cheatsheet"
}
],
"collapsed": false
},
{
"text": "M-Cube NL",
"items": [
{
"text": "administratie",
"items": [
{
"text": "Vakantie overdracht",
"link": "/M-Cube NL/administratie/Overdracht-vakantie"
},
{
"text": "salesforce",
"link": "/M-Cube NL/administratie/salesforce"
},
{
"text": "sendgrid",
"link": "/M-Cube NL/administratie/sendgrid"
},
{
"text": "Vakantie uren",
"link": "/M-Cube NL/administratie/vakantie-uren-2025"
},
{
"text": "Vakantie uren",
"link": "/M-Cube NL/administratie/vakantie-uren-2026"
},
{
"text": "wifi_office",
"link": "/M-Cube NL/administratie/wifi_office"
}
],
"collapsed": true
},
{
"text": "handleidingen",
"items": [
{
"text": "Alphega Apotheken - easyscreen 3.0 account inrichting",
"link": "/M-Cube NL/handleidingen/Alphega Apotheken - easyscreen 3.0 account inrichting"
},
{
"text": "Alphega content wisselingen - 3.0",
"link": "/M-Cube NL/handleidingen/Alphega content wisselingen - 3.0"
},
{
"text": "BP TV scheduling",
"link": "/M-Cube NL/handleidingen/BP TV scheduling"
},
{
"text": "Bakker Bart - Stappenplan New User _ aanpassingen subsusers",
"link": "/M-Cube NL/handleidingen/Bakker Bart - Stappenplan New User _ aanpassingen subsusers"
},
{
"text": "KFC Menuborden Belgie - scheduling",
"link": "/M-Cube NL/handleidingen/KFC Menuborden Belgie - scheduling"
},
{
"text": "Sportcity - Schedule en Specialisten Widget",
"link": "/M-Cube NL/handleidingen/Sportcity - Schedule en Specialisten Widget"
},
{
"text": "easyscreen",
"link": "/M-Cube NL/handleidingen/easyscreen"
},
{
"text": "MPlus Kassa Bakker Bart",
"link": "/M-Cube NL/handleidingen/mpluskassa-order-ready-scherm"
}
],
"collapsed": true
},
{
"text": "hardware",
"items": [
{
"text": "Error-codes-LisaLCD-streamit",
"link": "/M-Cube NL/hardware/Error-codes-LisaLCD-streamit"
},
{
"text": "LG Webos",
"link": "/M-Cube NL/hardware/LG-webos"
},
{
"text": "LISA",
"link": "/M-Cube NL/hardware/LISA-LCD"
},
{
"text": "XMP",
"link": "/M-Cube NL/hardware/xmp"
}
],
"collapsed": true
},
{
"text": "klanten",
"items": [
{
"text": "00 - Klanten Overzicht",
"link": "/M-Cube NL/klanten/00 - Klanten Overzicht"
},
{
"text": "Alphega",
"link": "/M-Cube NL/klanten/Alphega"
},
{
"text": "BP Nederland",
"link": "/M-Cube NL/klanten/BP"
},
{
"text": "Bakker Bart",
"link": "/M-Cube NL/klanten/Bakker Bart"
},
{
"text": "DA Drogist",
"link": "/M-Cube NL/klanten/DA Drogist"
},
{
"text": "Hornbach",
"link": "/M-Cube NL/klanten/Hornbach"
},
{
"text": "IKEA",
"link": "/M-Cube NL/klanten/IKEA"
},
{
"text": "Instore radio",
"link": "/M-Cube NL/klanten/Instore radio"
},
{
"text": "KFC",
"link": "/M-Cube NL/klanten/KFC"
},
{
"text": "PLUS",
"link": "/M-Cube NL/klanten/PLUS"
},
{
"text": "Paresto",
"link": "/M-Cube NL/klanten/Paresto"
},
{
"text": "Shimano",
"link": "/M-Cube NL/klanten/Shimano"
},
{
"text": "Thialf",
"link": "/M-Cube NL/klanten/Thialf"
},
{
"text": "Toyota",
"link": "/M-Cube NL/klanten/Toyota"
},
{
"text": "UMC Utrecht",
"link": "/M-Cube NL/klanten/UMCU"
},
{
"text": "Unive",
"link": "/M-Cube NL/klanten/Unive"
},
{
"text": "Wibra",
"link": "/M-Cube NL/klanten/wibra"
}
],
"collapsed": true
},
{
"text": "moh",
"items": [
{
"text": " MOH-verzenden-mixxen-maandelijks-kwartaal",
"link": "/M-Cube NL/moh/ MOH-verzenden-mixxen-maandelijks-kwartaal"
},
{
"text": "Voice-over Studio",
"link": "/M-Cube NL/moh/Studio"
},
{
"text": "facturatie",
"link": "/M-Cube NL/moh/facturatie"
}
],
"collapsed": true
},
{
"text": "platforms",
"items": [
{
"text": "DXP One",
"link": "/M-Cube NL/platforms/dxpone"
},
{
"text": "music-manager",
"link": "/M-Cube NL/platforms/music-manager"
}
],
"collapsed": true
},
{
"text": "testing",
"items": [
{
"text": "Firmware testing XMP-8552",
"link": "/M-Cube NL/testing/Firmware testing XMP-8552"
},
{
"text": "Overall Testing",
"link": "/M-Cube NL/testing/Testing"
},
{
"text": "Bugs",
"link": "/M-Cube NL/testing/bugs"
},
{
"text": "Bundle Testing",
"link": "/M-Cube NL/testing/bundle-testing"
},
{
"text": "office-players-showroom",
"link": "/M-Cube NL/testing/office-players-showroom"
},
{
"text": "widget-testing",
"link": "/M-Cube NL/testing/widget-testing"
}
],
"collapsed": true
},
{
"text": "wiki",
"items": [
{
"text": "Specificaties bestandsformaten audio",
"link": "/M-Cube NL/wiki/specs-audio-files"
}
],
"collapsed": true
}
],
"collapsed": false
},
{
"text": "Persoonlijk",
"items": [
{
"text": "artikelen",
"items": [
{
"text": "Quotes-van-Sundar-Pichai",
"link": "/Persoonlijk/artikelen/Quotes-van-Sundar-Pichai"
},
{
"text": "Radicaal-rechts-laat-een-spoor-van-vernieling-achter",
"link": "/Persoonlijk/artikelen/Radicaal-rechts-laat-een-spoor-van-vernieling-achter"
}
],
"collapsed": true
},
{
"text": "bengi",
"items": [
{
"text": "muay-thai-trainingsprogramma-thailand",
"link": "/Persoonlijk/bengi/muay-thai-trainingsprogramma-thailand"
}
],
"collapsed": true
},
{
"text": "claude-code",
"items": [
{
"text": " The Explore → Plan → Code → Commit workflow in Claude Code",
"link": "/Persoonlijk/claude-code/ The Explore → Plan → Code → Commit workflow in Claude Code"
},
{
"text": "Boris Cherny 13 tips Claude Code",
"link": "/Persoonlijk/claude-code/Boris Cherny 13 tips Claude Code"
},
{
"text": "How I Start EVERY Claude Code Project",
"link": "/Persoonlijk/claude-code/How I Start EVERY Claude Code Project"
},
{
"text": "Keep Claude working toward a goal",
"link": "/Persoonlijk/claude-code/Keep Claude working toward a goal"
},
{
"text": "Manage multiple agents with agent view",
"link": "/Persoonlijk/claude-code/Manage multiple agents with agent view"
},
{
"text": "Shortcuts",
"link": "/Persoonlijk/claude-code/Shortcuts"
},
{
"text": "Claude Code in VS Code",
"link": "/Persoonlijk/claude-code/Use Claude Code in VS Code"
},
{
"text": "timeline_claude",
"link": "/Persoonlijk/claude-code/timeline_claude"
},
{
"text": "Tools AI",
"link": "/Persoonlijk/claude-code/tools"
}
],
"collapsed": true
},
{
"text": "github",
"items": [
{
"text": "GitHub-repository binnenhalen op je Mac via de command line (CLI)",
"link": "/Persoonlijk/github/GitHub-repository binnenhalen op je Mac via de command line (CLI)"
},
{
"text": "Lokaal project naar Github",
"link": "/Persoonlijk/github/Lokaal project naar Github"
},
{
"text": "Pull Request",
"link": "/Persoonlijk/github/Pull Request"
}
],
"collapsed": true
},
{
"text": "projecten",
"items": [
{
"text": "Balansmaker",
"items": [
{
"text": "Autosave en auto bestandsnaam",
"link": "/Persoonlijk/projecten/Balansmaker/Autosave en auto bestandsnaam"
},
{
"text": "Gegevensbeheer in Balansmaker",
"link": "/Persoonlijk/projecten/Balansmaker/Gegevsnbeheer blok en werking buttons"
},
{
"text": "Password protection Vercel",
"link": "/Persoonlijk/projecten/Balansmaker/Password protection Vercel"
},
{
"text": "Balansmaker",
"link": "/Persoonlijk/projecten/Balansmaker/lokaal-no-supabase"
}
],
"collapsed": true
},
{
"text": "CV Maker",
"items": [
{
"text": "Password login window Vercel",
"link": "/Persoonlijk/projecten/CV Maker/Password login window Vercel"
},
{
"text": "Samenvatting project",
"link": "/Persoonlijk/projecten/CV Maker/Samenvatting project"
}
],
"collapsed": true
},
{
"text": "ClassicSwedes.com",
"items": [
{
"text": "Instagram tekst uitnsodiging",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/Instagram-uitnodiging"
},
{
"text": "Kenteken-blur Tool",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/Kenteken-blur Tool"
},
{
"text": "New Features",
"items": [
{
"text": "Kaart met sponsors",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/New Features/Kaart met sponsors"
}
],
"collapsed": true
},
{
"text": "Oude homepage en nav",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/Oude homepage en nav"
},
{
"text": "Werking website",
"items": [
{
"text": "Nieuwsbericht-aanmaken",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/Werking website/Nieuwsbericht-aanmaken"
},
{
"text": "password-reset",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/Werking website/password-reset"
},
{
"text": "registratieflow",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/Werking website/registratieflow"
}
],
"collapsed": true
},
{
"text": "env local",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/env local"
},
{
"text": "issues",
"items": [
{
"text": "foto-upload-issue",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/issues/foto-upload-issue"
}
],
"collapsed": true
},
{
"text": "uitvoeren-voor-30-okt-2026",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/uitvoeren-voor-30-okt-2026"
},
{
"text": "whatsapp_bericht",
"link": "/Persoonlijk/projecten/ClassicSwedes.com/whatsapp_bericht"
}
],
"collapsed": true
},
{
"text": "Factuur maker",
"items": [
{
"text": "Password protection Vercel",
"link": "/Persoonlijk/projecten/Factuur maker/Password protection Vercel"
},
{
"text": "Factuurmaker",
"link": "/Persoonlijk/projecten/Factuur maker/lokaal-zonder-supabase"
}
],
"collapsed": true
},
{
"text": "Fillingscreens",
"items": [
{
"text": "Belasting",
"items": [
{
"text": "Webinar invullen aangifte Inkomstenbelasting 2024",
"link": "/Persoonlijk/projecten/Fillingscreens/Belasting/Webinar invullen aangifte Inkomstenbelasting 2024"
}
],
"collapsed": true
},
{
"text": "Portfolio",
"link": "/Persoonlijk/projecten/Fillingscreens/Portfolio"
}
],
"collapsed": true
},
{
"text": "Garage Amstelveen",
"items": [
{
"text": "DNS",
"link": "/Persoonlijk/projecten/Garage Amstelveen/DNS"
}
],
"collapsed": true
},
{
"text": "Goudhandel",
"items": [
{
"text": "Goudhandel Aura bv",
"link": "/Persoonlijk/projecten/Goudhandel/Goudhandel Aura bv"
}
],
"collapsed": true
},
{
"text": "Moszkowiczletselschade.nl",
"items": [
{
"text": "Leadform Google Ads",
"link": "/Persoonlijk/projecten/Moszkowiczletselschade.nl/Leadform Google Ads"
},
{
"text": "Status Google Ads-campagne ΓÇô uitleg zichtbaarheid advertenties",
"link": "/Persoonlijk/projecten/Moszkowiczletselschade.nl/Status Google Ads-campagne ΓÇô uitleg zichtbaarheid advertenties"
}
],
"collapsed": true
},
{
"text": "Tools dashboard",
"items": [
{
"text": "New features",
"link": "/Persoonlijk/projecten/Tools dashboard/New features"
},
{
"text": "authentication",
"link": "/Persoonlijk/projecten/Tools dashboard/authentication"
},
{
"text": "env local",
"link": "/Persoonlijk/projecten/Tools dashboard/env local"
}
],
"collapsed": true
},
{
"text": "notesvscode",
"items": [
{
"text": "Notes VS code",
"link": "/Persoonlijk/projecten/notesvscode/werking"
}
],
"collapsed": true
},
{
"text": "robert-moszkowicz.nl",
"items": [
{
"text": "SEA budget",
"link": "/Persoonlijk/projecten/robert-moszkowicz.nl/Budget SEA"
},
{
"text": "Google SEA specialist",
"link": "/Persoonlijk/projecten/robert-moszkowicz.nl/Google SEA specialist"
},
{
"text": "Overzicht SEA campagnes",
"link": "/Persoonlijk/projecten/robert-moszkowicz.nl/Overzicht SEA campagnes"
},
{
"text": "You Tube Video weergaven - start 29 dec 2025",
"link": "/Persoonlijk/projecten/robert-moszkowicz.nl/You Tube Video weergaven - start 29 dec 2025"
}
],
"collapsed": true
},
{
"text": "the-mexican-amsterdam",
"link": "/Persoonlijk/projecten/the-mexican-amsterdam"
}
],
"collapsed": true
},
{
"text": "vakantie",
"items": [
{
"text": "Sardinie To Do",
"link": "/Persoonlijk/vakantie/sardinie-bezienswaardigheden"
},
{
"text": "Vakantie Sardinie 2026",
"link": "/Persoonlijk/vakantie/vakantie-sardinie-2026"
}
],
"collapsed": true
},
{
"text": "vibe-coding",
"items": [
{
"text": "Tools",
"link": "/Persoonlijk/vibe-coding/Tools"
}
],
"collapsed": true
}
],
"collapsed": false
}
]
}Page Data
{
"title": "Runtime API Examples",
"description": "",
"frontmatter": {
"outline": "deep"
},
"headers": [],
"relativePath": "Algemeen/api-examples.md",
"filePath": "Algemeen/api-examples.md"
}Page Frontmatter
{
"outline": "deep"
}More
Check out the documentation for the full list of runtime APIs.