vuepress/blog-themeを使用したときにvuepress/medium-zoomが動作しない問題を修正する

@vuepress/medium-zoomのデフォルトのセレクタが.theme-default-content :not(a) > imgに設定されているのが原因なので、セレクタを#vuepress-theme-blog__post-layout :not(a) > imgへ書き換えることで解決する。

# 新たな問題

上記の作業を行うと確かに解決するのだが、ズームできたり、できなかったりする。

リロードすると問題なくズームできるのだが、原因は不明

# config.js

# Babelスタイル

module.exports = {
  plugins: [
    '@vuepress/medium-zoom',
    {
      selector: '#vuepress-theme-blog__post-layout :not(a) > img'
    }
  ]
}

# オブジェクトスタイル

module.exports = {
  plugins: {
    '@vuepress/medium-zoom': {
      selector: '#vuepress-theme-blog__post-layout :not(a) > img'
    }
  }
}