class.exe

nuxt/contentとVuetifyでコードブロックのスタイルがおかしくなる件

10/16/2020

この記事を書いてから3年が経っています。内容が古いかもしれません。

本ブログをnuxt/contentとVuetifyで作り直してみました。しかしながら、nuxt/contentで利用しているPrismJSとVuetifyが両方とも適用されたためかコードブロックのスタイルがおかしくなってしまいました。

使用しているバージョンはこちら

とくにテキストの背景色が不要です。Chromeのデベロッパーツールで確認すると.v-application codeセレクタで背景色が適用されていました。

Stack Overflow¹でも同様の質問があったので、解決策通りにunsetします。

.v-application code {
  all: unset
}

結果、PrismJSだけのスタイルになったようです。