Как сделать Bootstrap-vue Toast в независимом файле javascript

Прошло несколько дней с тех пор, как я изучаю vue.js, я хотел сделать функцию, которая показывает тост, читая официальные документы bootstrap-vue: https://bootstrap-vue.org/docs/components/ toast#toasts-on-demand, я смог сделать тост с помощью внедрения экземпляра компонента и из пользовательского компонента, однако я хочу сделать еще один пользовательский тост с помощью независимой функции/файла javascript, чтобы я мог вызывать его динамически.

Вот код Cart.vue, который я использовал для инъекции:

<script>
export default {
  methods: {
    purchaseHandler() {
      this.$bvToast.toast('The item added to your cart', {
          title: 'Notification',
          variant: 'succes',
          solid: true
        })
    },
  },
};
</script>

Однако я сделал custom-toast.js как независимую функцию/файл js и импортировал плагин, как указано в документах:

import Vue from 'vue'
import { ToastPlugin } from 'bootstrap-vue'
Vue.use(ToastPlugin)

export default () => {
    this.$bvToast.toast('Toast body content', {
        title: 'Toast test',
        variant: 'succes',
        solid: true
      })
}

И я импортировал custom-toast.js в свой файл Cart.vue, теперь он выглядит так:

<script>
import customToast from "./custom-toast";
export default {
  methods: {
    purchaseHandler() {
      customToast()
  },
};
</script>

Теперь приходит ОШИБКА:

[Предупреждение Vue]: ошибка в обработчике v-on: «TypeError: невозможно прочитать свойство $bvToast неопределенного»

TypeError: Невозможно прочитать свойство $bvToast неопределенного

Я знаю, что это очень простой материал, он думал, что смогу решить его, найдя эквивалент этой инъекции. вопрос

1. Что эквивалентно this.$bvToast или любой инъекции bootstrap-vue в независимом файле js?
2. Как решить эту проблему?

Спасибо. Извините за плохой английский