vuepress - Как изменить расположение каталога компонентов '.vuepress / components' с регистрационными компонентами?

Я попытался добавить собственный каталог компонентов в vuepress с помощью реестра / компонентов плагина, но это кажется невозможным.

Я пробовал с

module.exports = {
  title: 'Hello VuePress',
  description: 'Just playing around',
  plugins: [
   [
     'register-components',
     {
       componentDir: '../components'
     }
   ]
  ]
}

с этой архитектурой (я хочу выбрать каталог "компоненты")

введите здесь описание изображения

Но похоже, что это не работает, потому что компонент не распознается

введите здесь описание изображения

Я думаю, что хорошо написал свой компонент в моем base-button.md

введите здесь описание изображения

Может ли этот кто-нибудь помочь мне подсказать, как туда добраться?

Большое спасибо


vue.js components customization vuepress
person Renan Bronchart    schedule 23.08.2018    source источник

Ответы (1)


arrow_upward
7
arrow_downward

Вы можете зарегистрировать компоненты глобально в enhanceApp.js (который должен находиться в папке /.vuepress/) так же, как вы регистрируете их в приложении Vue.

hanceApp.js

import BaseButton from '../../components/BaseButton'

export default ({
  Vue, // the version of Vue being used in the VuePress app
  options, // the options for the root Vue instance
  router, // the router instance for the app
  siteData // site metadata
}) => {
  Vue.component('BaseButton', BaseButton)
}
person Richard Matsen    schedule 27.08.2018