Vue Project use firebase cloud messaging

vue_firebase_main.js

const FCMconfig = {
  apiKey: 'YOUR_API_KEY',
  authDomain: 'YOUR_DOMAIN',
  databaseURL: 'https://<YOUR_PROJECT_ID>.firebaseio.com',
  projectId: 'YOUR_PROJECT_ID',
  storageBucket: '<YOUR_PROJECT_ID>.appspot.com',
  messagingSenderId: 'YOUR_SENDER_ID'
}

firebase.initializeApp(FCMconfig)

Vue.prototype.$messaging = firebase.messaging()
Vue.prototype.$messaging.usePublicVapidKey('<YOUR_PUBLIC_VAPID_KEY>')

navigator.serviceWorker.register('/static/firebase-messaging-sw.js')
  .then((registration) => {
    Vue.prototype.$messaging.useServiceWorker(registration)
  }).catch(err => {
    console.log(err)
  })