Ich versuche, die UserAgent- und Retina-Informationen in einer Nuxt-Anwendung zu ermitteln. Aber die Anwendung gibt einen Fehler aus und sagt, dass Navigation/Fenster nicht definiert ist. Wie erhalte ich diese Informationen in einer Nuxt-Anwendung?

const userAgent = navigator.userAgent.toLowerCase()
const isAndroid = userAgent.includes('android')

isRetina() {
  let mediaQuery
  if (typeof window !== 'undefined' && window !== null) {
    mediaQuery =
      '(-webkit-min-device-pixel-ratio: 1.25), (min--moz-device-pixel-ratio: 1.25), (-o-min-device-pixel-ratio: 5/4), (min-resolution: 1.25dppx)'
    if (window.devicePixelRatio > 1.25) {
      return true
    }
    if (window.matchMedia && window.matchMedia(mediaQuery).matches) {
      return true
    }
  }
  return false
}