Code tree

Filenames with slashes become folders. Folders are listed first, then files, alphabetically.

package.json

{
  "name": "my-docs",
  "type": "module"
}

astro.config.mjs

import mines from '@deltaq.dev/mines';

export default { integrations: [mines({ title: 'My Docs' })] };

src/content/docs/1.intro.mdx

---
title: Intro
---

Hello.

src/styles/theme.css

:root {
  --accent: #7c3aed;
}

<CodeTree>
```json [package.json]
{ "name": "my-docs" }
```
```css [src/styles/theme.css]
:root { --accent: #7c3aed; }
```
</CodeTree>