textlint-guide: WhisperStylesをimportして画像に枠線を追加

1 files changed, 4 insertions, 0 deletions

diff --git a/src/content/docs/textlint-guide.mdx b/src/content/docs/textlint-guide.mdx
index b5fadcd..ee8985c 100644
--- a/src/content/docs/textlint-guide.mdx
+++ b/src/content/docs/textlint-guide.mdx
@@ -3,6 +3,10 @@ title: textlintで文章校正する方法
 description: 日本語の文章をリアルタイムで校正するtextlintを、Zedエディタで使う方法。自作LSPサーバーの導入からルール設定、自動修正、無効化までを解説します。
 ---
 
+import WhisperStyles from '@/components/WhisperStyles.astro';
+
+<WhisperStyles />
+
 ## textlintとは
 
 [textlint](https://textlint.github.io/) は、JavaScriptで書かれた文章校正ツールです。校正ルールをプラグインで自由に追加・設定できます。日本語に限らず、あらゆる言語のテキストを校正できます。