Vue markdown fields

Vite + Vue comparing list(), get(), and query() for x-content markdown fields.

faq.yaml

title: Frequently Asked Questions
description: Structured YAML with x-content markdown fields
items:
  - question: How do I return a product?
    answer: |
      You have **14 days** to request a return.

      Steps:

      1. Email [support@example.com](mailto:support@example.com)
      2. Include your *order number*
      3. Ship the item back using the prepaid label

      > Refunds are processed within 5 business days.
  - question: Can markdown fields use Comark syntax?
    answer: |
      Yes. Fields marked with `x-content: { type: markdown }` are parsed by the same Comark engine as `.md` document bodies.

      ::alert{type="info"}
      This alert is rendered from a YAML field — not from a `.md` file.
      ::

With schema validation

Vite + Vue with the schema-validation plugin and mixed valid/invalid content.

With references

Vite + Vue with createContentClient and the references client plugin.