Karometr
Инструменты

Блоки кода

Как оформлять встроенный код и многострочные примеры.

Встроенный код

`inline code`

Многострочный код

```ts
export default defineNuxtConfig({
  modules: ['@nuxt/ui']
})

Можно указывать имя файла:

```mdc
```ts [nuxt.config.ts]
export default defineNuxtConfig({
  modules: ['@nuxt/ui']
})

## Подсветка строк

```mdc
```ts [nuxt.config.ts]{4-5}
export default defineAppConfig({
  ui: {
    icons: {
      copy: 'i-lucide-copy',
      copyCheck: 'i-lucide-copy-check'
    }
  }
})

## Группы и дерево кода

- `code-group` — несколько вариантов команд в табах.
- `code-tree` — отображение структуры проекта и файлов.
- `code-preview` — показ результата вместе с кодом.
- `code-collapse` — сворачивание длинных примеров.