This is VuePress@2 plugin for show style-guide code. like https://v3.cn.vuejs.org/style-guide/

Usage

Add plugin

vuepress config.ts

{
	plugins: [
		[
			'vuepress-plugin-code-style-recommend',
			{
				goodText: '', //good style title, default is '正面例子'
				badText: '', //bad style title, default is '反面例子'
			},
		],
	]
}

Use in markdown file

good

::: codeStyle good

other markdown content.

:::

bad

::: codeStyle bad

other markdown content.

:::