title: How to disable nuxt-fire messaging (fcm) on not supported devices (like WebKit Safari)?
body: <p>I have a small Nuxt SSR website with push notifications via FCM. For the push notifications (Push-API) I use <a href="https://www.npmjs.com/package/nuxt-fire" rel="nofollow noreferrer">nuxt-fire</a>. At Windows and Android in Chrome (Blink Engine) or FireFox (Gecko Engine) this works great. Now a friend has a problem that the website doesn't display any content. He is using Apple devices. Apple has a WebKit requirement, so Chrome also uses WebKit as an engine under Apple. WebKit does not support the Push-API but has its own solution, the APN (Apple Push Notifications).</p>
  
  <p>The error message under WebKit is the following: "FirebaseError: Messaging: This browser doesn't support the API's required to user the firebase SDK. (messaging/unsupported-browser)"</p>
  
  <p>Now I'm looking for a way not to load the firebase messaging in nuxt-fire into Nuxt.js on unsupported devices/engines (Internet Explorer doesn't support the Push API either). Here is the posibility in JS to check for supported devices/engines:</p>
  
  <pre><code>if (firebase.messaging.isSupported())
      const messaging = firebase.messaging();
  }
  </code></pre>
  
  <p>But how and where do I use that in Nuxt.js with nuxt-fire?</p>
  
  <p>In the nuxt.config.js I config the nuxt-fire module like this:</p>
  
  <pre><code>    [
        'nuxt-fire',
        {
          config: {
            development: {
              ...
            },
            production: {
              ...
            }
          },
          useOnly: ['storage', 'messaging'],
          customEnv: false,
        }
      ]
  </code></pre>
  
  <p>Is there a way to do this here in the nuxt.config.js? or as plugin/middleware?</p>
  
  <p>Thank you very much and best regards,</p>
  
  <p>Jakob</p>