Exemples d’API d’exécution

Cette page présente l’utilisation de quelques API d’exécution fournies par VitePress.

L’API principale useData() permet d’accéder aux données du site, du thème et de la page courante. Elle fonctionne dans les fichiers .md comme dans les fichiers .vue :

<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>

Résultats

Données du thème

{
  "search": {
    "provider": "local"
  },
  "nav": [
    {
      "text": "Accueil",
      "link": "/fr/"
    },
    {
      "text": "Exemples",
      "link": "/fr/post/markdown-examples"
    }
  ],
  "logo": {
    "src": "/NixOS.svg",
    "alt": "Rene's Avatar"
  },
  "sidebar": [
    {
      "text": "Exemples",
      "items": [
        {
          "text": "Exemples Markdown",
          "link": "/fr/post/markdown-examples"
        },
        {
          "text": "Exemples API",
          "link": "/fr/post/api-examples"
        },
        {
          "text": "Démo Math",
          "link": "/fr/post/math"
        }
      ]
    }
  ],
  "socialLinks": [
    {
      "icon": "github",
      "link": "https://github.com/Linear-optimize"
    }
  ]
}

Données de la page

{
  "title": "Exemples d’API d’exécution",
  "description": "",
  "frontmatter": {
    "outline": "deep",
    "readingTime": {
      "minutes": 1,
      "words": 152
    }
  },
  "headers": [],
  "relativePath": "fr/post/api-examples.md",
  "filePath": "fr/post/api-examples.md"
}

Frontmatter de la page

{
  "outline": "deep",
  "readingTime": {
    "minutes": 1,
    "words": 152
  }
}

Plus d’informations

Consultez la documentation pour la liste complète des API d’exécution.