device icon indicating copy to clipboard operation
device copied to clipboard

All is[device] return FALSE

Open pit07 opened this issue 4 years ago • 0 comments

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!

pit07 avatar Dec 01 '21 09:12 pit07