device
device copied to clipboard
All is[device] return FALSE
Hi!
Whatever the browser, it returns FALSE:
{
"userAgent": "",
"isMobile": false,
"isMobileOrTablet": false,
"isTablet": false,
"isDesktop": true,
"isIos": false,
"isAndroid": false,
"isWindows": false,
"isMacOS": false,
"isDesktopOrTablet": true,
"isSafari": false,
"isFirefox": false,
"isEdge": false,
"isChrome": false,
"isSamsung": false,
"isCrawler": false
}
My code:
<div v-if="$device.isChrome">
<a target="_blank" href="https://chrome.google.com/webstore/detail/superjour/odhpgpffomiknbhoijjbhhejhebkjocj" class="btn-install-extension mb-5 mb-lg-0"><img src="@/assets/svg/chrome-icon.svg" /> Installer l'extension</a>
</div>
<div v-if="$device.isFirefox">
<a target="_blank" href="https://addons.mozilla.org/fr/firefox/addon/superjour/" class="btn-install-extension mb-5 mb-lg-0"><img src="@/assets/svg/firefox-icon.svg" /> Installer l'extension</a>
</div>
<div v-if="$device.isEdge">
<a target="_blank" href="https://microsoftedge.microsoft.com/addons/detail/superjour/gjokempmnkmoknfllggolacgcamgfmfe" class="btn-install-extension mb-5 mb-lg-0"><img src="@/assets/svg/edge-icon.svg" /> Installer l'extension</a>
</div>
<code>{{ $device }}</code>
<script>
export default {
buildModules: [
'vue-browser-detect-plugin/nuxt'
],
</script>
What am I doing wrong? Thanks!