useIsMac

useIsMac provides a reactive way to determine if the current user is accessing your application from a Mac. This is particularly useful for displaying platform-specific keyboard shortcuts (e.g., Cmd vs Ctrl).

Installation

pnpmnpmyarnbun
pnpm dlx sulaf@latest add use-is-mac
Copy

Usage

You can use the hook to conditionally render content or apply logic based on the platform. The value is initialized to false and updated on mount to prevent SSR hydration mismatches.

Copy<script setup lang="ts">
import { useIsMac } from '@/composables/useIsMac'

const isMac = useIsMac()
</script>

<template>
  <div>
    <p v-if="isMac">You are using a Mac. Use ⌘ + K to search.</p>
    <p v-else>You are using Windows/Linux. Use Ctrl + K to search.</p>
  </div>
</template>

API Reference

Return Values