vue3写一个判断网络情况的hook

下面是如何在 Vue 3 中写一个用来判断网络情况的 hook 的示例代码：

import { onMounted, ref } from 'vue'

export default function useNetworkStatus() {
  const online = ref(navigator.onLine)

  function handleOnline() {
    online.value = true
  }

  function handleOffline() {
    online.value = false
  }

  onMounted(() => {
    window.addEventListener('online', handleOnline)
    window.addEventListener('offline', handleOffline)
  })

  return {
    online,
  }
}