Arch Linux

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>

Results

Theme Data

{
  "logo": "/fast_logo_orange.png",
  "nav": [
    {
      "text": "Home",
      "link": "/"
    }
  ],
  "search": {
    "provider": "local"
  },
  "sidebar": [
    {
      "text": "Setup",
      "collapsed": false,
      "items": [
        {
          "text": "Operating Systems",
          "collapsed": true,
          "items": [
            {
              "text": "Arch Linux",
              "link": "/setup/os/arch_linux"
            }
          ]
        },
        {
          "text": "Package Managers",
          "collapsed": true,
          "items": [
            {
              "text": "uv",
              "link": "/setup/package-managers/uv"
            },
            {
              "text": "micromamba",
              "link": "/setup/package-managers/micromamba"
            },
            {
              "text": "npm",
              "link": "/setup/package-managers/npm"
            }
          ]
        }
      ]
    },
    {
      "text": "Tools",
      "collapsed": false,
      "items": [
        {
          "text": "Coding",
          "collapsed": true,
          "items": [
            {
              "text": "VSCode",
              "link": "/tools/coding/vscode"
            },
            {
              "text": "Git / GitHub",
              "link": "/tools/coding/git"
            },
            {
              "text": "Docker",
              "link": "/tools/coding/docker"
            }
          ]
        },
        {
          "text": "Productivity",
          "collapsed": true,
          "items": [
            {
              "text": "Slack",
              "link": "/tools/productivity/slack"
            },
            {
              "text": "GoodDay",
              "link": "/tools/productivity/goodday"
            }
          ]
        },
        {
          "text": "Specialized",
          "collapsed": true,
          "items": [
            {
              "text": "Paraview",
              "link": "/tools/specialized/paraview"
            }
          ]
        }
      ]
    },
    {
      "text": "Stacks",
      "collapsed": false,
      "items": [
        {
          "text": "Python",
          "collapsed": true,
          "items": [
            {
              "text": "Pydantic",
              "link": "/stacks/python/pydantic"
            },
            {
              "text": "FastAPI",
              "link": "/stacks/python/fastapi"
            },
            {
              "text": "Numpy",
              "link": "/stacks/python/numpy"
            }
          ]
        },
        {
          "text": "Frontend",
          "collapsed": true,
          "items": [
            {
              "text": "Frameworks",
              "collapsed": true,
              "items": [
                {
                  "text": "NextJS",
                  "link": "/stacks/frontend/frameworks/nextjs"
                }
              ]
            },
            {
              "text": "Styling",
              "collapsed": true,
              "items": [
                {
                  "text": "MaterialUI",
                  "link": "/stacks/frontend/styling/materialui"
                },
                {
                  "text": "TailwindCSS",
                  "link": "/stacks/frontend/styling/tailwindcss"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "text": "Services",
      "collapsed": false,
      "items": [
        {
          "text": "VPN",
          "collapsed": true,
          "items": [
            {
              "text": "SISSA VPN",
              "link": "/services/vpn/sissavpn"
            },
            {
              "text": "Wireguard",
              "link": "/services/vpn/wireguard"
            }
          ]
        }
      ]
    }
  ],
  "socialLinks": [
    {
      "icon": "github",
      "link": "https://github.com/FAST-Computing"
    },
    {
      "icon": "website",
      "link": "https://fastcomputing.net"
    }
  ]
}

Page Data

{
  "title": "Arch Linux",
  "description": "",
  "frontmatter": {
    "outline": "deep"
  },
  "headers": [],
  "relativePath": "stacks/frontend/styling/tailwindcss.md",
  "filePath": "stacks/frontend/styling/tailwindcss.md"
}

Page Frontmatter

{
  "outline": "deep"
}

More

Check out the documentation for the full list of runtime APIs.