Uncaught TypeError: $ notify при создании глобального уведомления в vue

Я следовал шагу здесь. https://vuejsfeed.com/blog/notification-library-for-vue-js, который работал нормально. Я хотел сделать его глобальной функцией, и я так и сделал.

Составная часть вот эта

<template>
<notifications group = "app" position = "bottom center" width = "400"/>    
<button @click = "testing">notify</button>

</template>
<script>
import { notificate } from '../../general-functions/notification';

export default {
methods: {

    testing () {
      notificate('msg-title','<p><b>How about No?</b></p>','error')
    }
}
}
</script>

моя функция уведомления такая.

export function notificate (title,text,type){

this.$notify({
        group: 'app',
        title: title,
        text: text,
        type: type,
        speed: 3000
      })
    }

При нажатии кнопки возникает следующая ошибка

Uncaught TypeError: Cannot read property '$notify' of undefined