【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.js
の plugins:
の書き方の問題だった。
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始めたばかりでなかなか気づけなかった。
以上。