Rendezvous-Tokyo

【Vuepress】plugin-blogの$paginationや$tagがundefinedだった問題の解決

バージョン

packege.jsonから抜粋

    "@vuepress/plugin-blog": "^1.9.4",
    ...
    "vuepress": "^1.9.7",

現象

値が入っていない。 vuepress plugin blog pagination とかでググってもなかなか解決せず。

console.log(this.$tag)
> undefined 
console.log(this.$pagination )
> null

解決方法

解決してみればあっさりだったが、自分の場合は config.jsplugins: の書き方の問題だった。

OKパターン

module.exports = {
  ...
  plugins: [
    "@vuepress/register-components",
    [
      "@vuepress/blog",
      {
        directories: [
          ...
        ],
        frontmatters: [
          ...
        ],
      },
    ],
  ],
  themeConfig: {
    ...

NGパターン

module.exports = {
  ...
  plugins: [
    "@vuepress/register-components",
    "@vuepress/blog",
    {
      directories: [
        ...
      ],
      frontmatters: [
        ...
      ],
    },
  ],
  themeConfig: {
    ...

結論

pluginsのオプションを記載する場合は [] で括らないといけなかった。
わかってしまってはなんてことないが、vuepress始めたばかりでなかなか気づけなかった。

以上。