Программное использование

$content доступен из @nuxt/content.

export default {  modules: [,    '@nuxt/content'  ],  generate: {    async ready () {      const { $content } = require('@nuxt/content')      const files = await $content().only(['slug']).fetch()      console.log(files)    }  }}

Статическая генерация сайта

Начиная с версии 2.14+, nuxt generate имеет интегрированный обходчик, который будет автоматически обходить все ваши ссылки и генерировать маршруты основываясь на них. Поэтому вам не нужно ничего делать для сканирования ваших динамических маршрутов.

Также, nuxt generate будет пропускать этап сборки если код не был изменен используя кэш. Модуль content интегрируется с этим для игнорирования изменений внутри директории content/. Другими словами, когда вы измените контент на вашем сайте выполните развертывание, то шаг сборки будет пропущен.

Прочитайте больше в этой статье.

При использовании Nuxt <= 2.12 nuxt generate, вам нужно указать динамические маршруты в generate.routes, потому что Nuxt не знает какие маршруты нужно генерировать.

Пример

export default {  modules: [,    '@nuxt/content'  ],  generate: {    async routes () {      const { $content } = require('@nuxt/content')      const files = await $content().only(['path']).fetch()      return files.map(file => file.path === '/index' ? '/' : file.path)    }  }}

Хуки

Этот модуль добавляет несколько хуков, которые вы можете использовать:

content:file:beforeInsert

Позволяет добавить данные в документ прежде, чем он будет сохранен.

Аргументы:

• document
  • Тип: Object
  • Свойства:
    • Смотрите написание контента

Пример

Возьмем к примеру блог, мы используем file:beforeInsert чтобы добавить readingTime в документ, используя reading-time.

text это контент markdown файла перед тем, как он будет преобразован в JSON AST, вы можете использовать его на этом этапе, но он не возвращается API.

export default {  modules: [,    '@nuxt/content'  ],  hooks: {    'content:file:beforeInsert': (document) => {      if (document.extension === '.md') {        const { time } = require('reading-time')(document.text)        document.readingTime = time      }    }  }}

Обработка горячей перезагрузки

export default function ({ store }) {  // Только в режиме разработки  if (process.dev) {    window.onNuxtReady(($nuxt) => {      $nuxt.$on('content:update', ({ event, path }) => {        // Обновить категории в сторе        store.dispatch('fetchCategories')      })    })  }}

export default {  plugins: [    '@/plugins/update.client.js'  ]}

-| content/---| articles/------| hello-world.md---| index.md---| settings.json