0.1.18 • Published 3 years ago

vue-browser-detect-plugin v0.1.18

Weekly downloads
3,425
License
MIT
Repository
-
Last release
3 years ago

Vue Browser Detect Plugin

License: MIT

Simple plugin for Vue that detects browser name, version, and user-agent.

Installation

npm install vue-browser-detect-plugin

In your main.js:

import browserDetect from "vue-browser-detect-plugin";
Vue.use(browserDetect);

Usage

Browser info:

  • vm.\$browserDetect.isIE boolean

  • vm.\$browserDetect.isChrome boolean

    • Note: This is Chrome desktop.
  • vm.\$browserDetect.isFirefox boolean

  • vm.\$browserDetect.isOpera boolean

  • vm.\$browserDetect.isSafari boolean

  • vm.\$browserDetect.isEdge boolean

  • vm.\$browserDetect.isChromeIOS boolean

  • vm.\$browserDetect.isIOS boolean

Additional meta info:

  • vm.\$browserDetect.meta.name Chrome, IE, Edge, etc.

  • vm.\$browserDetect.meta.version Version

  • vm.\$browserDetect.meta.ua user-agent

Demo

https://vue-browser-detect.netlify.com/

Nuxt.js

Add vue-browser-detect-plugin/nuxt to the buildModules section of nuxt.config.js

export default {
  buildModules: [
    'vue-browser-detect-plugin/nuxt'
  ]
}

:warning: If you are using Nuxt < v2.9 you have to install the module as a dependency (No --dev or --save-dev flags) and use modules section in nuxt.config.js instead of buildModules.

CHANGLOG

See CHANGELOG.md