From 62f0e4f10901bd6ea8a2a6c64abf89f00f94d3bb Mon Sep 17 00:00:00 2001 From: Ryan Luo Date: Sat, 21 Oct 2023 00:40:27 -0500 Subject: [PATCH] docs: modify the example usage of postcssIsolateStyles (#3111) Co-authored-by: Divyansh Singh <40380293+brc-dd@users.noreply.github.com> --- docs/guide/markdown.md | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/docs/guide/markdown.md b/docs/guide/markdown.md index ad0f65bc..bff269d0 100644 --- a/docs/guide/markdown.md +++ b/docs/guide/markdown.md @@ -220,8 +220,6 @@ Wraps in a
`vp-raw` class can be directly used on elements too. Style isolation is currently opt-in: -::: details - - Install `postcss` with your preferred package manager: ```sh @@ -234,9 +232,9 @@ Wraps in a
import { postcssIsolateStyles } from 'vitepress' export default { - plugins: { + plugins: [ postcssIsolateStyles() - } + ] } ``` @@ -248,8 +246,6 @@ Wraps in a
}) ``` -::: - ## Syntax Highlighting in Code Blocks VitePress uses [Shiki](https://shiki.matsu.io/) to highlight language syntax in Markdown code blocks, using coloured text. Shiki supports a wide variety of programming languages. All you need to do is append a valid language alias to the beginning backticks for the code block: