vue3-detect-browser
Plugin (with TypeScript support) for Vue3 that detects browser name, version, and user-agent. This is a fork of https://github.com/smg99/vue-detect-browser.
Installation with npm
npm i vue3-detect-browser
Installation with yarn
yarn add vue3-detect-browser
Option API Usage
In your main.js:
import detectBrowser from "vue-detect-browser";
app.use(detectBrowser);
Browser
In any component file it is available as this.detectBrowser
data property
this.detectBrowser.isChrome
this.detectBrowser.isFirefox
this.detectBrowser.isOpera
this.detectBrowser.isSafari
this.detectBrowser.isEdge
this.detectBrowser.isChromeIOS
this.detectBrowser.isIOS
this.detectBrowser.isIE
Composition API Usage
<script setup>
import { useBrowserDetect } from 'vue3-detect-browser';
const { isFirefox, isChrome } = useBrowserDetect();
</script>