Headings

Use headings to organize your content and make it easier to read.

H1 to H3 headings get anchor links and show up in the table of contents for easy navigation.

export default defineNuxtConfig({
  content: {
    renderer: {
      anchorLinks: false
    }
  }
})

export default defineNuxtConfig({
  content: {
    build: {
      markdown: {
        toc: {
          depth: 3
        }
      }
    }
  }
})

Heading 1

# Pohon UI

Heading 2

## What's new in v4?

Heading 3

### Enhanced components

Heading 4

#### Getting started

Text formatting

Structure your content with clear paragraphs and consistent text formatting for better readability.

Paragraph

Pohon UI provides a comprehensive collection of Vue components, composables and utilities for building modern, accessible applications with consistent design and enhanced user experience.

Strong

**Strong text**

Emphasis

*Emphasized text*

Links

To create a link, wrap the link text in brackets followed by the URL in parentheses. Works for both external and internal links.

[Nuxt documentation](https://nuxt.com)

Blockquotes

Use blockquotes to highlight important information or quotes.

> Pohon UI automatically adapts to your theme settings, ensuring consistent typography across your entire application.

Horizontal rules

Use horizontal rules to visually separate content sections.

---

export default defineAppConfig({
  pohon: {
    prose: {
      headersAndText: {}
    }
  }
};

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import pohon from 'pohon-ui/vite'

export default defineAppConfig({
  pohon: {
    prose: {
      headersAndText: {}
    }
  }
};