content

Nuxt Content считывает директорию content/ в проекте и анализирует файлы .md, .yml, .csv и .json для создания файловой CMS для приложения.

• Отрисовывайте контент с помощью встроенных компонентов.
• Запрашивайте контент с помощью API, похожего на MongoDB.
• Используйте компоненты Vue в файлах Markdown с синтаксисом MDC.
• Автоматически генерируйте навигацию.

Включение Nuxt Content

Установите модуль @nuxt/content в проект, а также добавьте его в nuxt.config.ts с помощью одной команды:

npx nuxi module add content

Создание контента

Поместите файлы разметки в директорию content/:

# Привет, контент

Модуль автоматически загрузит и проанализирует их.

Рендеринг контента

Для отображения страниц с контентом добавьте маршрут для всех с помощью компонента <ContentDoc>:

<template>
  <main>
    <!-- ContentDoc возвращает содержимое для `$route.path` по умолчанию, или вы можете передать свойство `path` -->
    <ContentDoc />
  </main>
</template>

Документация