1818 < script id ="check-mac-os "> document . documentElement . classList . toggle ( "mac" , / M a c | i P h o n e | i P o d | i P a d / i. test ( navigator . platform ) ) ; </ script >
1919 </ head >
2020 < body >
21- < div id ="app "> < div class ="Layout " data-v-304c8b69 > <!--[--> <!--]--> <!--[--> < span tabindex ="-1 " data-v-fcbfc0e0 > </ span > < a href ="#VPContent " class ="VPSkipLink visually-hidden " data-v-fcbfc0e0 > Skip to content</ a > <!--]--> <!----> < header class ="VPNav " data-v-304c8b69 data-v-d5bf7c8e > < div class ="VPNavBar " data-v-d5bf7c8e data-v-8eab0e6d > < div class ="wrapper " data-v-8eab0e6d > < div class ="container " data-v-8eab0e6d > < div class ="title " data-v-8eab0e6d > < div class ="VPNavBarTitle " data-v-8eab0e6d data-v-d4488dd0 > < a class ="title " href ="https://inarray.ca " data-v-d4488dd0 > <!--[--> <!--]--> <!--[--> < img class ="VPImage logo " src ="/logo_small.png " alt data-v-ab19afbb > <!--]--> <!----> <!--[--> <!--]--> </ a > </ div > </ div > < div class ="content " data-v-8eab0e6d > < div class ="content-body " data-v-8eab0e6d > <!--[--> <!--]--> < div class ="VPNavBarSearch search " data-v-8eab0e6d > <!----> </ div > < nav aria-labelledby ="main-nav-aria-label " class ="VPNavBarMenu menu " data-v-8eab0e6d data-v-020be4db > < span id ="main-nav-aria-label " class ="visually-hidden " data-v-020be4db > Main Navigation </ span > <!--[--> <!--[--> < a class ="VPLink link vp-external-link-icon VPNavBarMenuLink " href ="https://inarray.ca " target ="_blank " rel ="noreferrer " tabindex ="0 " data-v-020be4db data-v-815115f5 > <!--[--> < span data-v-815115f5 > Return to Website</ span > <!--]--> </ a > <!--]--> <!--]--> </ nav > <!----> <!----> <!----> < div class ="VPFlyout VPNavBarExtra extra " data-v-8eab0e6d data-v-f953d92f data-v-d8fae6e2 > < button type ="button " class ="button " aria-haspopup ="true " aria-expanded ="false " aria-label ="extra navigation " data-v-d8fae6e2 > < span class ="vpi-more-horizontal icon " data-v-d8fae6e2 > </ span > </ button > < div class ="menu " data-v-d8fae6e2 > < div class ="VPMenu " data-v-d8fae6e2 data-v-fcd1d7a8 > <!----> <!--[--> <!--]--> </ div > </ div > </ div > <!--[--> <!--]--> < button type ="button " class ="VPNavBarHamburger hamburger " aria-label ="mobile navigation " aria-expanded ="false " aria-controls ="VPNavScreen " data-v-8eab0e6d data-v-6bee1efd > < span class ="container " data-v-6bee1efd > < span class ="top " data-v-6bee1efd > </ span > < span class ="middle " data-v-6bee1efd > </ span > < span class ="bottom " data-v-6bee1efd > </ span > </ span > </ button > </ div > </ div > </ div > </ div > < div class ="divider " data-v-8eab0e6d > < div class ="divider-line " data-v-8eab0e6d > </ div > </ div > </ div > <!----> </ header > < div class ="VPLocalNav empty fixed " data-v-304c8b69 data-v-5ae341c6 > < div class ="container " data-v-5ae341c6 > <!----> < div class ="VPLocalNavOutlineDropdown " style ="--vp-vh:0px; " data-v-5ae341c6 data-v-e28a51a6 > < button data-v-e28a51a6 > Return to top</ button > <!----> </ div > </ div > </ div > <!----> < div class ="VPContent " id ="VPContent " data-v-304c8b69 data-v-2652e39a > < div class ="VPDoc has-aside " data-v-2652e39a data-v-d668f7cc > <!--[--> <!--]--> < div class ="container " data-v-d668f7cc > < div class ="aside " data-v-d668f7cc > < div class ="aside-curtain " data-v-d668f7cc > </ div > < div class ="aside-container " data-v-d668f7cc > < div class ="aside-content " data-v-d668f7cc > < div class ="VPDocAside " data-v-d668f7cc data-v-cb998dce > <!--[--> <!--]--> <!--[--> <!--]--> < nav aria-labelledby ="doc-outline-aria-label " class ="VPDocAsideOutline " data-v-cb998dce data-v-c8b19031 > < div class ="content " data-v-c8b19031 > < div class ="outline-marker " data-v-c8b19031 > </ div > < div aria-level ="2 " class ="outline-title " id ="doc-outline-aria-label " role ="heading " data-v-c8b19031 > On this page</ div > < ul class ="VPDocOutlineItem root " data-v-c8b19031 data-v-b7d7ef80 > <!--[--> <!--]--> </ ul > </ div > </ nav > <!--[--> <!--]--> < div class ="spacer " data-v-cb998dce > </ div > <!--[--> <!--]--> <!----> <!--[--> <!--]--> <!--[--> <!--]--> </ div > </ div > </ div > </ div > < div class ="content " data-v-d668f7cc > < div class ="content-container " data-v-d668f7cc > <!--[--> <!--]--> < main class ="main " data-v-d668f7cc > < div style ="position:relative; " class ="vp-doc _api-examples " data-v-d668f7cc > < div > < h1 id ="runtime-api-examples " tabindex ="-1 "> Runtime API Examples < a class ="header-anchor " href ="#runtime-api-examples " aria-label ="Permalink to “Runtime API Examples” "> </ a > </ h1 > < p > This page demonstrates usage of some of the runtime APIs provided by VitePress.</ p > < p > The main < code > useData()</ code > API can be used to access site, theme, and page data for the current page. It works in both < code > .md</ code > and < code > .vue</ code > files:</ p > < div class ="language-md "> < button title ="Copy Code " class ="copy "> </ button > < span class ="lang "> md</ span > < pre class ="shiki shiki-themes github-light github-dark " style ="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e; " tabindex ="0 " dir ="ltr "> < code > < span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> <script setup></ span > </ span >
21+ < div id ="app "> < div class ="Layout " data-v-304c8b69 > <!--[--> <!--]--> <!--[--> < span tabindex ="-1 " data-v-fcbfc0e0 > </ span > < a href ="#VPContent " class ="VPSkipLink visually-hidden " data-v-fcbfc0e0 > Skip to content</ a > <!--]--> <!----> < header class ="VPNav " data-v-304c8b69 data-v-d5bf7c8e > < div class ="VPNavBar " data-v-d5bf7c8e data-v-8eab0e6d > < div class ="wrapper " data-v-8eab0e6d > < div class ="container " data-v-8eab0e6d > < div class ="title " data-v-8eab0e6d > < div class ="VPNavBarTitle " data-v-8eab0e6d data-v-d4488dd0 > < a class ="title " href ="https://inarray.ca " data-v-d4488dd0 > <!--[--> <!--]--> <!--[--> < img class ="VPImage logo " src ="/logo_small2.png " alt data-v-ab19afbb > <!--]--> <!----> <!--[--> <!--]--> </ a > </ div > </ div > < div class ="content " data-v-8eab0e6d > < div class ="content-body " data-v-8eab0e6d > <!--[--> <!--]--> < div class ="VPNavBarSearch search " data-v-8eab0e6d > <!----> </ div > < nav aria-labelledby ="main-nav-aria-label " class ="VPNavBarMenu menu " data-v-8eab0e6d data-v-020be4db > < span id ="main-nav-aria-label " class ="visually-hidden " data-v-020be4db > Main Navigation </ span > <!--[--> <!--[--> < a class ="VPLink link vp-external-link-icon VPNavBarMenuLink " href ="https://inarray.ca " target ="_blank " rel ="noreferrer " tabindex ="0 " data-v-020be4db data-v-815115f5 > <!--[--> < span data-v-815115f5 > Return to Website</ span > <!--]--> </ a > <!--]--> <!--]--> </ nav > <!----> <!----> <!----> < div class ="VPFlyout VPNavBarExtra extra " data-v-8eab0e6d data-v-f953d92f data-v-d8fae6e2 > < button type ="button " class ="button " aria-haspopup ="true " aria-expanded ="false " aria-label ="extra navigation " data-v-d8fae6e2 > < span class ="vpi-more-horizontal icon " data-v-d8fae6e2 > </ span > </ button > < div class ="menu " data-v-d8fae6e2 > < div class ="VPMenu " data-v-d8fae6e2 data-v-fcd1d7a8 > <!----> <!--[--> <!--]--> </ div > </ div > </ div > <!--[--> <!--]--> < button type ="button " class ="VPNavBarHamburger hamburger " aria-label ="mobile navigation " aria-expanded ="false " aria-controls ="VPNavScreen " data-v-8eab0e6d data-v-6bee1efd > < span class ="container " data-v-6bee1efd > < span class ="top " data-v-6bee1efd > </ span > < span class ="middle " data-v-6bee1efd > </ span > < span class ="bottom " data-v-6bee1efd > </ span > </ span > </ button > </ div > </ div > </ div > </ div > < div class ="divider " data-v-8eab0e6d > < div class ="divider-line " data-v-8eab0e6d > </ div > </ div > </ div > <!----> </ header > < div class ="VPLocalNav empty fixed " data-v-304c8b69 data-v-5ae341c6 > < div class ="container " data-v-5ae341c6 > <!----> < div class ="VPLocalNavOutlineDropdown " style ="--vp-vh:0px; " data-v-5ae341c6 data-v-e28a51a6 > < button data-v-e28a51a6 > Return to top</ button > <!----> </ div > </ div > </ div > <!----> < div class ="VPContent " id ="VPContent " data-v-304c8b69 data-v-2652e39a > < div class ="VPDoc has-aside " data-v-2652e39a data-v-d668f7cc > <!--[--> <!--]--> < div class ="container " data-v-d668f7cc > < div class ="aside " data-v-d668f7cc > < div class ="aside-curtain " data-v-d668f7cc > </ div > < div class ="aside-container " data-v-d668f7cc > < div class ="aside-content " data-v-d668f7cc > < div class ="VPDocAside " data-v-d668f7cc data-v-cb998dce > <!--[--> <!--]--> <!--[--> <!--]--> < nav aria-labelledby ="doc-outline-aria-label " class ="VPDocAsideOutline " data-v-cb998dce data-v-c8b19031 > < div class ="content " data-v-c8b19031 > < div class ="outline-marker " data-v-c8b19031 > </ div > < div aria-level ="2 " class ="outline-title " id ="doc-outline-aria-label " role ="heading " data-v-c8b19031 > On this page</ div > < ul class ="VPDocOutlineItem root " data-v-c8b19031 data-v-b7d7ef80 > <!--[--> <!--]--> </ ul > </ div > </ nav > <!--[--> <!--]--> < div class ="spacer " data-v-cb998dce > </ div > <!--[--> <!--]--> <!----> <!--[--> <!--]--> <!--[--> <!--]--> </ div > </ div > </ div > </ div > < div class ="content " data-v-d668f7cc > < div class ="content-container " data-v-d668f7cc > <!--[--> <!--]--> < main class ="main " data-v-d668f7cc > < div style ="position:relative; " class ="vp-doc _api-examples " data-v-d668f7cc > < div > < h1 id ="runtime-api-examples " tabindex ="-1 "> Runtime API Examples < a class ="header-anchor " href ="#runtime-api-examples " aria-label ="Permalink to “Runtime API Examples” "> </ a > </ h1 > < p > This page demonstrates usage of some of the runtime APIs provided by VitePress.</ p > < p > The main < code > useData()</ code > API can be used to access site, theme, and page data for the current page. It works in both < code > .md</ code > and < code > .vue</ code > files:</ p > < div class ="language-md "> < button title ="Copy Code " class ="copy "> </ button > < span class ="lang "> md</ span > < pre class ="shiki shiki-themes github-light github-dark " style ="--shiki-light:#24292e;--shiki-dark:#e1e4e8;--shiki-light-bg:#fff;--shiki-dark-bg:#24292e; " tabindex ="0 " dir ="ltr "> < code > < span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> <script setup></ span > </ span >
2222< span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> import { useData } from 'vitepress'</ span > </ span >
2323< span class ="line "> </ span >
2424< span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> const { theme, page, frontmatter } = useData()</ span > </ span >
3434< span class ="line "> </ span >
3535< span class ="line "> < span style ="--shiki-light:#005CC5;--shiki-light-font-weight:bold;--shiki-dark:#79B8FF;--shiki-dark-font-weight:bold; "> ### Page Frontmatter</ span > </ span >
3636< span class ="line "> < span style ="--shiki-light:#24292E;--shiki-dark:#E1E4E8; "> <pre>{{ frontmatter }}</pre></ span > </ span > </ code > </ pre > </ div > < h2 id ="results " tabindex ="-1 "> Results < a class ="header-anchor " href ="#results " aria-label ="Permalink to “Results” "> </ a > </ h2 > < h3 id ="theme-data " tabindex ="-1 "> Theme Data < a class ="header-anchor " href ="#theme-data " aria-label ="Permalink to “Theme Data” "> </ a > </ h3 > < pre > {
37- "logo": "/logo_small .png",
37+ "logo": "/logo_small2 .png",
3838 "siteTitle": false,
3939 "logoLink": "https://inarray.ca",
4040 "nav": [
5555}</ pre > < h3 id ="page-frontmatter " tabindex ="-1 "> Page Frontmatter < a class ="header-anchor " href ="#page-frontmatter " aria-label ="Permalink to “Page Frontmatter” "> </ a > </ h3 > < pre > {
5656 "outline": "deep"
5757}</ pre > < h2 id ="more " tabindex ="-1 "> More < a class ="header-anchor " href ="#more " aria-label ="Permalink to “More” "> </ a > </ h2 > < p > Check out the documentation for the < a href ="https://vitepress.dev/reference/runtime-api#usedata " target ="_blank " rel ="noreferrer "> full list of runtime APIs</ a > .</ p > </ div > </ div > </ main > < footer class ="VPDocFooter " data-v-d668f7cc data-v-1bcd8184 > <!--[--> <!--]--> <!----> <!----> </ footer > <!--[--> <!--]--> </ div > </ div > </ div > <!--[--> <!--]--> </ div > </ div > <!----> <!--[--> <!--]--> </ div > </ div >
58- < script > window . __VP_HASH_MAP__ = JSON . parse ( "{\"api-examples.md\":\"Cztv4Cq_\",\"drafts_cut-magento-times-custom-stack.md\":\"IBRzvZ_3\",\"index.md\":\"BUARYdsE\",\"markdown-examples.md\":\"Dokr2z3V\"}" ) ; window . __VP_SITE_DATA__ = JSON . parse ( "{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"InArray Engineering Blog\",\"description\":\"engineering blog\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":\"force-dark\",\"themeConfig\":{\"logo\":\"/logo_small .png\",\"siteTitle\":false,\"logoLink\":\"https://inarray.ca\",\"nav\":[{\"text\":\"Return to Website\",\"link\":\"https://inarray.ca\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}" ) ; </ script >
58+ < script > window . __VP_HASH_MAP__ = JSON . parse ( "{\"api-examples.md\":\"Cztv4Cq_\",\"drafts_cut-magento-times-custom-stack.md\":\"IBRzvZ_3\",\"index.md\":\"BUARYdsE\",\"markdown-examples.md\":\"Dokr2z3V\"}" ) ; window . __VP_SITE_DATA__ = JSON . parse ( "{\"lang\":\"en-US\",\"dir\":\"ltr\",\"title\":\"InArray Engineering Blog\",\"description\":\"engineering blog\",\"base\":\"/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":\"force-dark\",\"themeConfig\":{\"logo\":\"/logo_small2 .png\",\"siteTitle\":false,\"logoLink\":\"https://inarray.ca\",\"nav\":[{\"text\":\"Return to Website\",\"link\":\"https://inarray.ca\"}]},\"locales\":{},\"scrollOffset\":134,\"cleanUrls\":false,\"additionalConfig\":{}}" ) ; </ script >
5959
6060 </ body >
6161</ html >
0 commit comments