Файл материала в Nuxt

Коллекция без файлов не даёт данных для страницы. Давайте добавим заметку в каталог, который уже привязан к коллекции blog в content.config.ts. Минимальный конфиг для этого урока:

import {
	defineCollection,
	defineContentConfig,
} from '@nuxt/content';

export default defineContentConfig({
	collections: {
		blog: defineCollection({
			type: 'page',
			source: 'blog/**/*.md',
		}),
	},
});

Материал хранят в .md. В начале файла пишут шапку между строками ---: там задают заголовок и краткое описание. Ниже идёт обычный текст на английском. Создадим first.md:

---
title: First post
description: Short text
---
Hello from the post.

Путь к файлу внутри content/blog влияет на поле path в базе модуля: для этой заметки адрес на сайте станет /blog/first. Заголовок и описание из шапки попадут в объект записи отдельными полями, а абзац после шапки станет телом материала.

Дерево проекта с одной заметкой:

/content/
- /blog/
  - first.md
/content.config.ts

После сохранения файла модуль подхватит его при индексации. Пока мы не выводим текст на экран, но запись уже участвует в будущих списках и страницах по path.

Добавьте в коллекцию news файл content/news/welcome.md с английским заголовком, описанием и одним абзацем текста в шапке Markdown.

Создайте вторую заметку content/guides/start.md для коллекции справочника с тем же форматом шапки и коротким телом на английском.