Где вызвать «Vue.use (плагин)» при использовании SSR в Vue

Question

У меня есть плагин (bootstrap-vue), который я хочу инициализировать с помощью Vue.use(). Прямо сейчас я использую его в записи клиента (внутри router.onReady()), но получаю следующее предупреждение:

Виртуальное дерево DOM на стороне клиента не соответствует содержимому, отображаемому на сервере. Вероятно, это вызвано неправильной разметкой HTML, например, вложением элементов уровня блока внутри <p> или отсутствием <tbody>. Отказ от гидратации и выполнение полного рендеринга на стороне клиента.

Я использую серверную визуализацию (SSR) и не уверен, где правильно вызвать инициализацию плагина. Спасибо!

Answer 1

Спасибо @Sphinx за подсказку! Ответ заключается в том, чтобы поместить его в клиентскую (!) Точку входа приложения Vue, например, где new Vue() называется:

// Create the main Vue app
const app = new Vue({
    router,
    render: h => h(App)
})

// Register plugins
Vue.use(YourPlugin)

Он будет правильно работать с другими компонентами SSR приложения Vue.