Zum Hauptinhalt springen

Öffentliche Exporte

Exakte Paket-Einstiegspunkte, Laufzeitwerte und TypeScript-Typen von Ginko Docs.

Ginko Docs veröffentlicht vier Einstiegspunkte. Importiere ausschließlich aus diesen Pfaden; Dateien innerhalb des Pakets sind Implementierungsdetails.

EinstiegspunktÖffentliche Oberfläche
@lupinum/ginko-docsNuxt-Layer-Einstieg für extends
@lupinum/ginko-docs/contentdefineGinkoDocsConfig und der TypeScript-Optionstyp
@lupinum/ginko-docs/app-configApp-Konfigurationstypen
@lupinum/ginko-docs/componentsEingebaute Tag-Map, Komponenten-Policy, Komponentennamen und zugehörige Typen

Nuxt-Layer-Einstieg

Ergänze den Root-Export in Nuxt unter extends:

nuxt.config.ts
export default defineNuxtConfig({
  extends: ["@lupinum/ginko-docs"],
});

Der Einstieg ist die Layer-Konfiguration und keine Sammlung von Anwendungs-Composables. Über Nuxt Layers installiert er Module, Routen, Layouts, Komponenten, Styles und Standards.

Content-Einstieg

content.config.ts
import { defineGinkoDocsConfig } from "@lupinum/ginko-docs/content";
import type { GinkoDocsContentOptions } from "@lupinum/ginko-docs/content";
ExportArtZweck
defineGinkoDocsConfigFunktionErstellt die Ginko-Content-Konfiguration für Docs mit optionalem Blog
GinkoDocsContentOptionsTypFactory-Eingabe für Website, Sprachen und Blog

Das Paket ordnet TypeScript-Werkzeuge content.ts und JavaScript-Laufzeiten der generierten content.js zu. Consumer verwenden für beide denselben Einstiegspunkt und importieren die Quelldateien nicht direkt.

App-Config-Typen

App-Config-Typen
import type {
  GinkoDocsAppConfig,
  GinkoDocsHeroCodeTab,
  GinkoDocsHeroMedia,
  GinkoDocsLink,
  GinkoDocsLocalizedText,
  GinkoDocsNeutralPalette,
  GinkoDocsPrimaryPalette,
} from "@lupinum/ginko-docs/app-config";

Dieser Einstieg exportiert ausschließlich Typen:

ExportBeschreibung
GinkoDocsLocalizedTextEin String oder lokalisierte Werte als { en: string; de?: string }
GinkoDocsNeutralPaletteNamen integrierter und eigener Neutralpaletten
GinkoDocsPrimaryPaletteNamen integrierter und eigener Primärpaletten
GinkoDocsLinkLokalisiertes Label und Ziel mit optionalem Icon und Beschreibung
GinkoDocsHeroCodeTabEin Tab in Code-Medien der Landing Page
GinkoDocsHeroMediaUnion für Bild-, Code- und Code-Tab-Medien
GinkoDocsAppConfigVollständige Form der ginkoDocs-App-Konfiguration

Layer-Standards werden durch Nuxt zusammengeführt. Dieser Einstieg exportiert kein Defaults-Objekt zur Laufzeit.

Komponenten-Einstieg

nuxt.config.ts
import {
  ginkoDocsComponentNames,
  ginkoDocsComponentPolicy,
  ginkoDocsComponentTags,
} from "@lupinum/ginko-docs/components";
import type { GinkoDocsComponentName, GinkoDocsComponentTag } from "@lupinum/ginko-docs/components";
ExportArtZweck
ginkoDocsComponentTagsLaufzeitobjektOrdnet alle 33 verfassten Tag-Namen Vue-Komponentennamen zu
ginkoDocsComponentPolicyLaufzeitobjektDeklariert erlaubte statische Props, Slots, Komponentenarten und Medienfelder
ginkoDocsComponentNamesLaufzeitarrayEindeutige Vue-Komponentennamen aus der Tag-Map
GinkoDocsComponentTagTypUnion der 33 verfassten Tag-Namen
GinkoDocsComponentNameTypUnion der zugeordneten Komponentennamen

Führe ginkoDocsComponentTags beim Ergänzen eigener Tags zusammen. Verwende ginkoDocsComponentPolicy, wenn eine andere Integration den vollständigen eingebauten Portabilitätsvertrag benötigt; Nuxt erhält diese Policy bereits aus dem Layer.

Type-Augmentation

Das Paket liefert Nuxt-Schema-Augmentation für AppConfig.ginkoDocs und AppConfigInput.ginkoDocs. In einer normalen Nuxt-Anwendung erhält defineAppConfig() nach der Layer-Installation den zusammengeführten Typ. Importiere GinkoDocsAppConfig nur explizit, wenn ein eigenständiger Helper oder eine Bibliothek den Typ benötigt.