@ -10,7 +10,7 @@ Data Loader können verwendet werden, um entfernte Daten abzurufen oder Metadate
## Grundlegende Verwendung
## Grundlegende Verwendung
Eine Data-Loader-Datei muss mit `.data.js` or `.data.ts`. enden. Die Datei sollte ein Objekt als Standardexport bereitstellen, das die `load()` method:
Eine Data-Loader-Datei muss mit `.Daten.js` or `.Daten.ts`. enden. Die Datei sollte ein Objekt als Standardexport bereitstellen, das die `load()` method:
```js [example.data.js]
```js [example.data.js]
export default {
export default {
@ -24,7 +24,7 @@ export default {
Das Loader-Modul wird nur in Node.js ausgewertet. Du kannst daher nach Bedarf Node-APIs und npm-Abhängigkeiten importieren.
Das Loader-Modul wird nur in Node.js ausgewertet. Du kannst daher nach Bedarf Node-APIs und npm-Abhängigkeiten importieren.
Du kannst anschließend Daten aus dieser Datei in `.md`-Seiten und `.vue`-Komponenten mit dem `data` named export:
Du kannst anschließend Daten aus dieser Datei in `.md`-Seiten und `.vue`-Komponenten mit dem `Daten` named export:
```vue
```vue
<scriptsetup>
<scriptsetup>
@ -42,7 +42,7 @@ Ausgabe:
}
}
```
```
Du wirst feststellen, dass der Data Loader selbst `data` nicht exportiert. Stattdessen ruft VitePress im Hintergrund die Methode `load()` auf und stellt das Ergebnis implizit über den benannten Export `data` bereit.
Du wirst feststellen, dass der Data Loader selbst `Daten` nicht exportiert. Stattdessen ruft VitePress im Hintergrund die Methode `load()` auf und stellt das Ergebnis implizit über den benannten Export `Daten` bereit.
Das funktioniert auch, wenn der Loader asynchron ist:
Das funktioniert auch, wenn der Loader asynchron ist:
@ -85,7 +85,7 @@ export default {
## `createContentLoader`
## `createContentLoader`
Beim Erstellen einer inhaltsorientierten Website müssen wir häufig eine „Archiv“- oder „Index“-Seite erstellen: eine Seite, auf der wir alle verfügbaren Einträge unserer Inhaltssammlung auflisten, beispielsweise Blogbeiträge oder API-Seiten. Wir **können** dies direkt mit der Data-Loader-API umsetzen. Da dies jedoch ein sehr häufiger Anwendungsfall ist, stellt VitePress den Helper `createContentLoader` bereit, der dies vereinfacht:
Beim Erstellen einer inhaltsorientierten Website müssen wir häufig eine „Archiv“- oder „Index“-Seite erstellen: eine Seite, auf der wir alle verfügbaren Einträge unserer Inhaltssammlung auflisten, beispielsweise Blogbeiträge oder API-Seiten. Wir **können** dies direkt mit der Data-Loader-API umsetzen. Da dies jedoch ein sehr häufiger Anwendungsfalle ist, stellt VitePress den Helper `createContentLoader` bereit, der dies vereinfacht: