H1

H2

H3

H4

H5

H6

Blockquote

DANGER

DANGER

WARNING

WARNING

TIP

TIP

NOTE

NOTE

IMPORTANT

IMPORTANT

Normal Link. Or you can try to download This File.

Bold Italic Both Delete ins

import { h } from "vue";
import type { Theme } from "vitepress";
import DefaultTheme from "vitepress/theme";

import { handleEasterEgg } from "./utils/easterEgg";
import { enhanceAppWithTabs } from "vitepress-plugin-tabs/client";

import "./styles/style.css";
import "./styles/gencolor.css";
import "./utils/rainbow";

import beforeDocs from "./components/layout/beforeDocs.vue";
import Comments from "./components/layout/afterDocs.vue";

import { registerComponents } from "./configs/registerComponents";
import { applyCssVars } from "./configs/applyCssVars";
import { globalConfig } from "#config";

let catppuccinLoaded = false;

export default {
  extends: DefaultTheme,

  Layout: () =>
    h(DefaultTheme.Layout, null, {
      "doc-before": () => h(beforeDocs),
      "doc-after": () => h(Comments),
    }),

  enhanceApp({ app, router }) {
    enhanceAppWithTabs(app);
    registerComponents(app);

    if (typeof window === "undefined") return;

    const loadCatppuccin = async () => {
      const c = globalConfig?.styles?.color?.catppuccin;

      if (!c?.enabled) return;
      if (catppuccinLoaded) return;

      const flavor = c.flavor ?? "mocha";
      const color = c.color ?? "mauve";

      await import(
        /* @vite-ignore */
        `./styles/catppuccin/${flavor}/${color}.css`
      );

      catppuccinLoaded = true;
    };

    const init = async () => {
      await loadCatppuccin();
      applyCssVars();
    };

    const runInit = () => init();

    if (document.readyState === "complete") {
      runInit();
    } else {
      window.addEventListener("DOMContentLoaded", runInit, { once: true });
    }

    router.onAfterRouteChanged = runInit;

    document.addEventListener("keydown", ({ code }) => handleEasterEgg(code));
  },
} satisfies Theme;

$[-2^{15}, 2^{15} - 1]$ H₂O H²O

Footnote 1 link^[1].

• 1
• 2

powerful

Contents to align left

Contents to align center

Contents to align right

Contents to align justify

asdasda

asdasdasda

Details

asdfhjkasfhkjdfsakhjlfsdahkjlfdsakjhlfds

asfdjhkfsdajhklfda

TIP

This is a tip.

INFO

This is an info box.

WARNING

Watch out!

DANGER

STOP! This is dangerous.

Markdown It Spoiler 十分强大。

npm

npm install vitepress-plugin-group-icons

yarn

yarn add vitepress-plugin-group-icons

pnpm

pnpm add vitepress-plugin-group-icons

bun

bun add vitepress-plugin-group-icons

---

1. Footnote can reference ^[2]. ↩︎

2. Other footnote. ↩︎