VuePressのMarkdownパーサーは、markdown-itが使われています。markdown-it（というかMarkdown標準）ではデフォルトで改行を無視するため、直感的ではありません。

本記事ではVuePress上のmarkdown-itの設定を変更し、Markdown中の改行をそのままbrタグで出力する方法について紹介します。

と、前置きが長くなりましたが、結論としては.vuepress/config.jsに以下のコードを追加するだけでOKです。

1
2
3
4
5
6
7
8
9
module.exports = {
	markdown: {
		config: md => {
			md.set({
				breaks: true
			});
		}
	}
};

個人的には、この方が自然に使えて好きですね！