Add isSupported for useShare function

[anteriovieira]

@antfu what do you think about adding isSupported to useShare? This will break the current implementation.

export async function useShare(shareOpts: ShareOptions) {
  const _navigator = (window.navigator as NavigatorWithShare)
  const isSupported = _navigator && _navigator.share

  const share = () => {
    if (isSupported) {
      let granted = true

      if (shareOpts.files && _navigator.canShare)
        granted = _navigator.canShare({ files: shareOpts.files })

      if (granted)
        return _navigator.share(shareOpts)
    }
  }

  return {
    isSupported,
    share,
  }
}

Demo

<script>
import { useShare } from '@vueuse/core'

setup() {
   const { isSupported, share } = useShare({ title: 'Hello', text: 'Hello my friend!', url: location.href })
   return {
     isSupported
     share,
   }
},
</script>

<div>
    <button @click="share" :disabled="!isSupported">Share</button>
</div>

[antfu]

Sure! You can make a PR on dev branch which we are aiming to introduce breaking changes altogether.