Questions tagged [nuxt-content]

Use this tag for questions related to Content module of Nuxt.JS. This module is optional for Nuxt projects and provide ability to fill project with content using Markdown, JSON, YAML, CSV and XML files. Shortly - Git-based CMS

Links

Official website - https://content.nuxtjs.org

Github Repo - https://github.com/nuxt/content

Installation

Docs: https://content.nuxtjs.org/installation

  • NPM: npm install @nuxt/content
  • Yarn: yarn add @nuxt/content
  • Also available as option when creating project with create-nuxt-app

Features:

  • Blazing fast hot reload in development
  • Vue components in Markdown
  • Full-text search
  • Support static site generation with nuxt generate
  • Powerful QueryBuilder API (MongoDB like)
  • Syntax highlighting to code blocks in markdown files using PrismJS.
  • Table of contents generation
  • Handles Markdown, CSV, YAML, JSON, XML
  • Extend with custom parsers
  • Extend with hooks

Tutorial

Create a blog with Nuxt Content

Description taken from Introduction markdown file

69 questions
0
votes
1 answer

Nuxt content Shiki plugin returns : ERROR /home not found

I'm trying to use syntax highlighter with @nuxt/content and Shiki. After installing the shiki package in my nuxt.config.js project file. import shiki from 'shiki' ... export default { modules: ['@nuxt/content'], content: { markdown: { …
Gedeon Mutshipayi
  • 2,871
  • 3
  • 21
  • 42
0
votes
1 answer

How to use @nuxt/content inside Component?

I'm trying to nuxt-contnt inside a component it works well in page with asyncData but not working inside the component this works fine : export default { async asyncData({ $content }) { const page = await $content('hello').fetch() return { …
Mohammad Babaei
  • 473
  • 6
  • 16
0
votes
1 answer

Why are H1 tags excluded from NuxtJS's Content module's TOC list?

I am in the process of importing a lot of markdown content which all use a fair amount of H1 (#) tags. While creating a TOC component, I noticed that H1 tags are excluded from the @Nuxt/Content's conveniently provided TOC array. This is proving to…
Isaiah Y
  • 99
  • 1
  • 7
0
votes
1 answer

"Maximum call stack size exceeded" in Nuxt/Content

I've tried setting up a very simple nuxt content example, but even for that I'm running into an Maximum call stack size exceeded error when opening localhost:port/ pages/_slag.vue: