PRODYCTSSSS DETSIALLLs

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

{
  "docFooter": {
    "prev": "Pagina prior",
    "next": "next page"
  },
  "search": {
    "provider": "local"
  },
  "lastUpdated": {
    "text": "Updated at",
    "formatOptions": {
      "dateStyle": "full",
      "timeStyle": "medium"
    }
  },
  "nav": [
    {
      "text": "Home",
      "link": "/"
    },
    {
      "text": "Conatct",
      "link": "/contact"
    },
    {
      "text": "Company Profile",
      "link": "/profile"
    },
    {
      "text": "Blog",
      "link": "/blog/"
    },
    {
      "text": "Products",
      "items": [
        {
          "text": "Led Panel Light Frame",
          "link": "/product/led-panel-light-frame/index"
        },
        {
          "text": "Led Panel Light Driver",
          "link": "/product/led-panel-light-driver/index"
        },
        {
          "text": "商品分类3",
          "link": "/markdown-examples"
        }
      ]
    }
  ],
  "sidebar": {
    "/blog/": [
      {
        "text": "Blog",
        "link": "/blog/index"
      }
    ],
    "/product/": [
      {
        "text": "Product",
        "items": [
          {
            "text": "c1",
            "link": "/product/c1"
          },
          {
            "text": "Three",
            "link": "/product/c1/index"
          },
          {
            "text": "Four",
            "link": "/config/four"
          }
        ]
      }
    ]
  },
  "socialLinks": [
    {
      "icon": "github",
      "link": "https://github.com/vuejs/vitepress"
    },
    {
      "icon": {
        "svg": "<svg t=\"1750404249497\" class=\"icon\" viewBox=\"0 0 1024 1024\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" p-id=\"4915\" width=\"200\" height=\"200\"><path d=\"M1002.453333 264.746667a128.298667 128.298667 0 0 0-89.088-89.088c-79.786667-21.376-400.896-21.376-400.896-21.376s-320.298667-0.426667-400.896 21.376A128.298667 128.298667 0 0 0 22.485333 264.746667a1333.205333 1333.205333 0 0 0-22.272 247.68 1333.205333 1333.205333 0 0 0 22.272 246.741333 128.298667 128.298667 0 0 0 89.088 89.088c79.701333 21.418667 400.896 21.418667 400.896 21.418667s320.256 0 400.896-21.418667a128.298667 128.298667 0 0 0 89.088-89.088 1333.205333 1333.205333 0 0 0 21.333334-246.741333 1333.205333 1333.205333 0 0 0-21.333334-247.68zM409.984 665.642667V358.741333l267.264 153.685334z\" fill=\"\" p-id=\"4916\"></path></svg>"
      },
      "link": "https://youtube.com"
    }
  ],
  "footer": {
    "copyright": "Copyright © 2021-2025 JIAXING EN Star Import & Export Co.,Ltd"
  },
  "logo": {
    "light": "/logo-light.svg",
    "dark": "/logo-dark.svg",
    "alt": "logoholder"
  },
  "siteTitle": false,
  "outline": {
    "label": "On this page",
    "level": [
      1,
      3
    ],
    "collapsed": true,
    "showDepthLink": true
  }
}

Page Data

{
  "title": "PRODYCTSSSS DETSIALLLs",
  "description": "",
  "frontmatter": {
    "outline": "deep"
  },
  "headers": [],
  "relativePath": "product-detail.md",
  "filePath": "product-detail.md",
  "lastUpdated": 1750642803000
}

Page Frontmatter

{
  "outline": "deep"
}

More

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