Device Orientation Composable for Nuxt

useOrientation.js

export const useOrientation = () => {
  // Start orientation
  // ----------
  const start = async () => {
    // Promise
    return new Promise((resolve, revoke) => {
      // If request permission exists
      if (window.DeviceOrientationEvent && typeof window.DeviceOrientationEvent.requestPermission === 'function') {
        // Request permission
        window.DeviceOrientationEvent.requestPermission()
        .then(response => {
          // Log
          console.log('orientation permission: ', response)

          // If granted
          if (response == "granted") {
            // Resolve
            resolve()

          } else {
            // Revoke
            revoke()

          }

        })
        .catch(e => {
          // Log
          console.log('orientation error: ', e)

          // Revoke
          revoke("This experience requires access to your device's motion.")

        })

      } else {
        // Log
        console.log('orientation does not exist')

        // Resolve
        resolve()

      }

    })
    
  }

  // Return
  return {
    start
  }
  
}