Skip to content

Nuxt.js module for detecting device type.

License

Notifications You must be signed in to change notification settings

UperaTV/device-module

 
 

Repository files navigation

@nuxtjs/device

npm version npm downloads Dependencies License Standard JS nuxt-device-detect Dev Token

This module injects flags that indicate a device type into the context and the component instance.

Setup

  • Add @nuxtjs/device to depedency using yarn or npm to your project
  • Add @nuxtjs/device to modules section of nuxt.config.js
{
  modules: [
   '@nuxtjs/device',
  ]
}

Options

defaultUserAgent option can be used for npm run generate.

{
  modules: [
    [
      '@nuxtjs/device',
      {defaultUserAgent: 'Mozilla/5.0 (Linux; Android 5.1.1; Nexus 6 Build/LYZ28E) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.39 Mobile Safari/537.36'}
    ]
  ]
}

Added flags

You can use these flags to detect the device type.

context.isTV
context.isIos
context.isWindows
context.isMacOS
context.isAndroid

instance.$device.isTV
instance.$device.isIos
instance.$device.isWindows
instance.$device.isMacOS
instance.$device.isAndroid

License

MIT License

About

Nuxt.js module for detecting device type.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 94.9%
  • Vue 5.1%