+
⌘ K
@@ -118,7 +118,7 @@ import { Input } from '@/components/ui/input'
import { Button } from '@/components/ui/button'
import { Badge } from '@/components/ui/badge'
import { Search, X, History } from 'lucide-vue-next'
-import { useLocalStorage } from '@vueuse/core'
+import { useLocalStorage, useBreakpoints, breakpointsTailwind } from '@vueuse/core'
import type { Product } from '../types/market'
interface Props {
@@ -199,9 +199,13 @@ const isFocused = ref(false)
// Persistent recent searches (stored in localStorage)
const recentSearches = useLocalStorage
('market-recent-searches', [])
-// Enhanced placeholder with keyboard shortcut
+// Responsive breakpoints
+const breakpoints = useBreakpoints(breakpointsTailwind)
+const isDesktop = breakpoints.greaterOrEqual('lg')
+
+// Enhanced placeholder with keyboard shortcut (only on desktop)
const enhancedPlaceholder = computed(() => {
- if (props.showKeyboardHints) {
+ if (props.showKeyboardHints && isDesktop.value) {
return `${props.placeholder} (⌘K to focus)`
}
return props.placeholder