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
},
"nav": [
{
"text": "Uitloggen",
"link": "https://fillingscreens.cloudflareaccess.com/cdn-cgi/access/logout"
}
],
"sidebar": [
{
"text": "Algemeen",
"items": [
{
"text": "Basic-knowledge",
"link": "/Algemeen/Basic-knowledge"
},
{
"text": "Kladblok",
"link": "/Algemeen/Kladblok"
},
{
"text": "To-do",
"link": "/Algemeen/To-do"
},
{
"text": "Wiki",
"link": "/Algemeen/Wiki"
}
],
"collapsed": false
},
{
"text": "M-Cube NL",
"items": [
{
"text": "Administratie",
"items": [
{
"text": "Emailadressen-rekeningnummer-mcube",
"link": "/M-Cube NL/Administratie/Emailadressen-rekeningnummer-mcube"
},
{
"text": "Salesforce",
"link": "/M-Cube NL/Administratie/Salesforce"
},
{
"text": "Sendgrid",
"link": "/M-Cube NL/Administratie/Sendgrid"
},
{
"text": "Vakantie overdracht",
"link": "/M-Cube NL/Administratie/Overdracht-vakantie"
},
{
"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": "Bakker Bart - Stappenplan New User _ aanpassingen subsusers",
"link": "/M-Cube NL/Handleidingen/Bakker Bart - Stappenplan New User _ aanpassingen subsusers"
},
{
"text": "BP TV scheduling",
"link": "/M-Cube NL/Handleidingen/BP TV scheduling"
},
{
"text": "Easyscreen",
"link": "/M-Cube NL/Handleidingen/Easyscreen"
},
{
"text": "KFC Menuborden Belgie - scheduling",
"link": "/M-Cube NL/Handleidingen/KFC Menuborden Belgie - scheduling"
},
{
"text": "MPlus Kassa Bakker Bart",
"link": "/M-Cube NL/Handleidingen/Mpluskassa-order-ready-scherm"
},
{
"text": "Sportcity - Schedule en Specialisten Widget",
"link": "/M-Cube NL/Handleidingen/Sportcity - Schedule en Specialisten Widget"
},
{
"text": "Streamit-Card-Loader-Operator-Manual",
"link": "/M-Cube NL/Handleidingen/Streamit-Card-Loader-Operator-Manual"
}
],
"collapsed": true
},
{
"text": "Hardware",
"items": [
{
"text": "Clear-widget-new-smil",
"link": "/M-Cube NL/Hardware/Clear-widget-new-smil"
},
{
"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": "Instore-radio",
"items": [
{
"text": "Muziekkanalen",
"link": "/M-Cube NL/Instore-radio/Muziekkanalen"
}
],
"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": "Bakker Bart",
"link": "/M-Cube NL/Klanten/Bakker Bart"
},
{
"text": "BP Nederland",
"link": "/M-Cube NL/Klanten/BP"
},
{
"text": "DA Drogist",
"link": "/M-Cube NL/Klanten/DA Drogist"
},
{
"text": "Ferney",
"link": "/M-Cube NL/Klanten/Ferney"
},
{
"text": "Heineken",
"link": "/M-Cube NL/Klanten/Heineken"
},
{
"text": "Hornbach",
"link": "/M-Cube NL/Klanten/Hornbach"
},
{
"text": "Hyundai",
"link": "/M-Cube NL/Klanten/Hyundai"
},
{
"text": "IKEA",
"link": "/M-Cube NL/Klanten/IKEA"
},
{
"text": "KFC",
"link": "/M-Cube NL/Klanten/KFC"
},
{
"text": "MIB",
"link": "/M-Cube NL/Klanten/MIB"
},
{
"text": "Paresto",
"link": "/M-Cube NL/Klanten/Paresto"
},
{
"text": "PLUS",
"link": "/M-Cube NL/Klanten/PLUS"
},
{
"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": "Collabite-musicmanager-kanaal",
"link": "/M-Cube NL/Moh/Collabite-musicmanager-kanaal"
},
{
"text": "Facturatie",
"link": "/M-Cube NL/Moh/Facturatie"
},
{
"text": "Voice-over Studio",
"link": "/M-Cube NL/Moh/Studio"
}
],
"collapsed": true
},
{
"text": "Platforms",
"items": [
{
"text": "CMv2",
"link": "/M-Cube NL/Platforms/CMv2"
},
{
"text": "DXP One",
"link": "/M-Cube NL/Platforms/Dxpone"
},
{
"text": "Knowlegde-base",
"link": "/M-Cube NL/Platforms/Knowlegde-base"
},
{
"text": "Music-manager",
"link": "/M-Cube NL/Platforms/Music-manager"
},
{
"text": "Spottune",
"link": "/M-Cube NL/Platforms/Spottune"
}
],
"collapsed": true
},
{
"text": "Testing",
"items": [
{
"text": "Bugs",
"link": "/M-Cube NL/Testing/Bugs"
},
{
"text": "Bundle Wiki",
"link": "/M-Cube NL/Testing/Bundle-wiki"
},
{
"text": "Firmware testing XMP-8552",
"link": "/M-Cube NL/Testing/Firmware testing XMP-8552"
},
{
"text": "Macbook-air",
"link": "/M-Cube NL/Testing/Macbook-air"
},
{
"text": "Office-players-showroom",
"link": "/M-Cube NL/Testing/Office-players-showroom"
},
{
"text": "Overall Testing",
"link": "/M-Cube NL/Testing/Overall-testing"
},
{
"text": "Widget-testing",
"link": "/M-Cube NL/Testing/Widget-testing"
}
],
"collapsed": true
},
{
"text": "Wiki",
"items": [
{
"text": "Api-examples",
"link": "/M-Cube NL/Wiki/Api-examples"
},
{
"text": "Batchmatig-spelernamen-aanpassen",
"link": "/M-Cube NL/Wiki/Batchmatig-spelernamen-aanpassen"
},
{
"text": "Chrome-shortcuts",
"link": "/M-Cube NL/Wiki/Chrome-shortcuts"
},
{
"text": "Maestro-change-url",
"link": "/M-Cube NL/Wiki/Maestro-change-url"
},
{
"text": "Markdown-examples",
"link": "/M-Cube NL/Wiki/Markdown-examples"
},
{
"text": "Permissions",
"link": "/M-Cube NL/Wiki/Permissions"
},
{
"text": "Poort-instore-radio",
"link": "/M-Cube NL/Wiki/Poort-instore-radio"
},
{
"text": "Screentakeover",
"link": "/M-Cube NL/Wiki/Screentakeover"
},
{
"text": "Specificaties bestandsformaten audio",
"link": "/M-Cube NL/Wiki/Specs-audio-files"
},
{
"text": "Tabel-of-contents",
"link": "/M-Cube NL/Wiki/Tabel-of-contents"
},
{
"text": "Terminal-commands",
"link": "/M-Cube NL/Wiki/Terminal-commands"
},
{
"text": "Vscode_cheatsheet",
"link": "/M-Cube NL/Wiki/Vscode_cheatsheet"
}
],
"collapsed": true
}
],
"collapsed": false
},
{
"text": "Persoonlijk",
"items": [
{
"text": "Administratie",
"items": [
{
"text": "Eneco",
"link": "/Persoonlijk/Administratie/Eneco"
}
],
"collapsed": true
},
{
"text": "Artikelen",
"items": [
{
"text": "Fysiotherapie oefeningen",
"link": "/Persoonlijk/Artikelen/Fysio-oefeningen"
},
{
"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": "Boris Cherny 13 tips Claude Code",
"link": "/Persoonlijk/Claude-code/Boris Cherny 13 tips Claude Code"
},
{
"text": "Claude Code in VS Code",
"link": "/Persoonlijk/Claude-code/Use Claude Code in VS Code"
},
{
"text": "Claude-routines",
"link": "/Persoonlijk/Claude-code/Claude-routines"
},
{
"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": "The Explore → Plan → Code → Commit workflow in Claude Code",
"link": "/Persoonlijk/Claude-code/The Explore → Plan → Code → Commit workflow in Claude Code"
},
{
"text": "Timeline_claude",
"link": "/Persoonlijk/Claude-code/Timeline_claude"
},
{
"text": "Tools AI",
"link": "/Persoonlijk/Claude-code/Tools"
}
],
"collapsed": true
},
{
"text": "Coursera",
"items": [
{
"text": "Introduction-to-GenAI-for-Business-Process-Automation",
"link": "/Persoonlijk/Coursera/Introduction-to-GenAI-for-Business-Process-Automation"
}
],
"collapsed": true
},
{
"text": "Ghostty",
"items": [
{
"text": "Ghostty",
"link": "/Persoonlijk/Ghostty/Ghostty"
}
],
"collapsed": true
},
{
"text": "Github",
"items": [
{
"text": "Git-commit",
"link": "/Persoonlijk/Github/Git-commit"
},
{
"text": "Git-workflow",
"link": "/Persoonlijk/Github/Git-workflow"
},
{
"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": "Lokaal-project-naar-github",
"link": "/Persoonlijk/Github/Lokaal-project-naar-github"
},
{
"text": "Pull Request",
"link": "/Persoonlijk/Github/Pull Request"
},
{
"text": "Workflow-branchen-pr",
"link": "/Persoonlijk/Github/Workflow-branchen-pr"
}
],
"collapsed": true
},
{
"text": "Linear",
"items": [
{
"text": "linear",
"link": "/Persoonlijk/Linear/linear"
}
],
"collapsed": true
},
{
"text": "Projecten",
"items": [
{
"text": "Balansmaker",
"items": [
{
"text": "Autosave en auto bestandsnaam",
"link": "/Persoonlijk/Projecten/Balansmaker/Autosave en auto bestandsnaam"
},
{
"text": "Balansmaker",
"link": "/Persoonlijk/Projecten/Balansmaker/Lokaal-no-supabase"
},
{
"text": "Gegevensbeheer in Balansmaker",
"link": "/Persoonlijk/Projecten/Balansmaker/Gegevsnbeheer blok en werking buttons"
},
{
"text": "Password protection Vercel",
"link": "/Persoonlijk/Projecten/Balansmaker/Password protection Vercel"
}
],
"collapsed": true
},
{
"text": "Buonvino",
"items": [
{
"text": "davide-dibella",
"link": "/Persoonlijk/Projecten/Buonvino/davide-dibella"
}
],
"collapsed": true
},
{
"text": "ClassicSwedes.com",
"items": [
{
"text": "Env local",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Env local"
},
{
"text": "Gebruikers-zonder-uploads",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Gebruikers-zonder-uploads"
},
{
"text": "Instagram tekst uitnsodiging",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Instagram-uitnodiging"
},
{
"text": "Issues",
"items": [
{
"text": "Foto-upload-issue",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Issues/Foto-upload-issue"
}
],
"collapsed": true
},
{
"text": "Kenteken-blur Tool",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Kenteken-blur Tool"
},
{
"text": "mockup design",
"items": [
{
"text": "home_mockup_voorstel",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/mockup design/home_mockup_voorstel"
}
],
"collapsed": true
},
{
"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": "partner-panel",
"items": [
{
"text": "checklist-livegang-partner-panel",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/partner-panel/checklist-livegang-partner-panel"
},
{
"text": "klassieke-youngtimer-volvo-garages-delaers-onderdelen-NL",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/partner-panel/klassieke-youngtimer-volvo-garages-delaers-onderdelen-NL"
},
{
"text": "mollie",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/partner-panel/mollie"
},
{
"text": "partners",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/partner-panel/partners"
}
],
"collapsed": true
},
{
"text": "Uitvoeren-voor-30-okt-2026",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Uitvoeren-voor-30-okt-2026"
},
{
"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": "Whatsapp_bericht",
"link": "/Persoonlijk/Projecten/ClassicSwedes.com/Whatsapp_bericht"
}
],
"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": "Factuur maker",
"items": [
{
"text": "Factuurmaker",
"link": "/Persoonlijk/Projecten/Factuur maker/Lokaal-zonder-supabase"
},
{
"text": "Password protection Vercel",
"link": "/Persoonlijk/Projecten/Factuur maker/Password protection Vercel"
}
],
"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": "mollie",
"link": "/Persoonlijk/Projecten/Fillingscreens/mollie"
},
{
"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": "ads-videos",
"link": "/Persoonlijk/Projecten/Moszkowiczletselschade.nl/ads-videos"
},
{
"text": "Google-ads-optimalisatie",
"link": "/Persoonlijk/Projecten/Moszkowiczletselschade.nl/Google-ads-optimalisatie"
},
{
"text": "Google-tag-implementatie",
"link": "/Persoonlijk/Projecten/Moszkowiczletselschade.nl/Google-tag-implementatie"
},
{
"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": "Notesvscode",
"items": [
{
"text": "Notes VS code",
"link": "/Persoonlijk/Projecten/Notesvscode/Werking"
}
],
"collapsed": true
},
{
"text": "Robert-moszkowicz.nl",
"items": [
{
"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": "SEA budget",
"link": "/Persoonlijk/Projecten/Robert-moszkowicz.nl/Budget SEA"
},
{
"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"
},
{
"text": "Tools dashboard",
"items": [
{
"text": "Authentication",
"link": "/Persoonlijk/Projecten/Tools dashboard/Authentication"
},
{
"text": "Env local",
"link": "/Persoonlijk/Projecten/Tools dashboard/Env local"
},
{
"text": "New features",
"link": "/Persoonlijk/Projecten/Tools dashboard/New features"
}
],
"collapsed": true
}
],
"collapsed": true
},
{
"text": "Vakantie",
"items": [
{
"text": "Radio-kootwijk-fietsroutes",
"link": "/Persoonlijk/Vakantie/Radio-kootwijk-fietsroutes"
},
{
"text": "Sardinie To Do",
"link": "/Persoonlijk/Vakantie/Sardinie-bezienswaardigheden"
},
{
"text": "Vakantie Sardinie 2026",
"link": "/Persoonlijk/Vakantie/Vakantie-sardinie-2026"
},
{
"text": "Weekendje-duitsland",
"link": "/Persoonlijk/Vakantie/Weekendje-duitsland"
}
],
"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": "M-Cube NL/Wiki/Api-examples.md",
"filePath": "M-Cube NL/Wiki/Api-examples.md"
}Page Frontmatter
{
"outline": "deep"
}More
Check out the documentation for the full list of runtime APIs.