Core Markdown

---
title: Page Title
description: Page description for SEO
layout: doc
outline: [2, 3]
---

# Content starts here

# {{ $frontmatter.title }}

<script setup>
import { useData } from 'vitepress'
const { frontmatter } = useData()
</script>

::: info
This is an info box.
:::

::: tip
This is a tip.
:::

::: warning
This is a warning.
:::

::: danger
This is a dangerous warning.
:::

::: details Click to expand
Hidden content here.
:::

::: danger STOP
Do not proceed!
:::

::: details Click me {open}
Open by default with {open} attribute.
:::

> [!NOTE]
> Highlights information users should know.

> [!TIP]
> Optional information for success.

> [!WARNING]
> Critical content requiring attention.

> [!CAUTION]
> Negative potential consequences.

# My Heading {#custom-anchor}

[Link to heading](#custom-anchor)

[[toc]]

| Feature | Status |
|---------|--------|
| SSR     | ✅     |
| HMR     | ✅     |

:tada: :rocket: :100:

<!--@include: ./shared/header.md-->

<!--@include: ./code.md{3,10}-->  <!-- Lines 3-10 -->
<!--@include: ./code.md{3,}-->   <!-- From line 3 -->
<!--@include: ./code.md{,10}-->  <!-- Up to line 10 -->

<!-- In parts/basics.md -->
<!-- #region usage -->
Usage content here
<!-- #endregion usage -->

<!-- Include just that region -->
<!--@include: ./parts/basics.md#usage-->

<<< @/snippets/example.js

<<< @/snippets/example.js{2,4-6}

<<< @/snippets/example.cs{1,2 c#:line-numbers}

<<< @/snippets/example.js#regionName{1,2}

::: code-group

```js [config.js]
export default { /* ... */ }
```

```ts [config.ts]
export default defineConfig({ /* ... */ })
```

:::

::: code-group

<<< @/snippets/config.js
<<< @/snippets/config.ts

:::

npm add -D markdown-it-mathjax3@^4

// .vitepress/config.ts
export default {
  markdown: {
    math: true
  }
}

Inline: $E = mc^2$

Block:
$$
\frac{-b \pm \sqrt{b^2-4ac}}{2a}
$$

export default {
  markdown: {
    image: {
      lazyLoading: true
    }
  }
}

::: raw
<CustomComponent />
:::