Как правильно написать плагин vuepress? - PullRequest
Новая
       9

Как правильно написать плагин vuepress?

0 голосов
/ 02 ноября 2018

Я пытаюсь написать плагин Vuepress, чтобы использовать расширение уровня приложения и установить плагин Vue. Но я не могу заставить это работать. Можете ли вы взглянуть на код ниже и посмотреть, что не так? 

{.vuepress/config.js}
module.exports = {
  plugins: [
    require('./builder.plugin.js')
  ]
}

{.vuepress/builder.plugin.js}
module.exports = (option, ctx) => {
  return {
    enhanceAppFiles: [{
      name: 'builder-plugin',
      content: `export default ({ Vue }) => {
        Vue.component('b-header', {
          name: 'b-header',
          template: '<div id="header"><slot /></div>'
        })
      }`
    }]
  }
}

{README.md}
# Introduction
<b-header>Test from component</b-header>

Последняя ошибка, которую я получаю: 

Unknown custom element: <b-header> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

1 Ответ

0 голосов
/ 02 ноября 2018

Я действительно нашел ответ. Вышеприведенное не сработало, потому что я смешивал код сайта клиента с кодом времени выполнения с помощью плагина.

Хитрость заключалась в том, чтобы использовать хук ImproAPP. ref: https://vuepress.vuejs.org/guide/basic-config.html#theme-configuration

...