Не удается получить доступ к компоненту Buefy внутри .beforeEach ()

Question

Я пытаюсь получить доступ к компоненту Toast из Buefy для отображения ошибки каждый раз, когда кто-то пытается получить доступ только к представлению аутентификации:

// ...
import { Toast } from 'buefy/dist/components/toast'

router.beforeEach((to, from, next) => {
  // ...
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (!(store.state.isAuth)) {
      Toast.open({
        message: "Not authorized"
      });
      next({
        path: '/login/',
      })
    } else {
      next()
    }
  } else {
    next()
  }
}

, но Toast не определено, у меня действительно импортировано Buefyи Vue.use(Buefy) написано.

Как я могу решить эту проблему и получить доступ к Toast здесь.Заранее спасибо.

Answer 1

Я решил проблему.

Я получил метод $ toast от Vue.prototype.$toast, так как я загрузил его с Vue.use(Buefy).

Спасибо за внимание.