[Integration] Convert Vuetify to use @vuetify/0 useBreakpoints

[johnleider]

Summary

Convert Vuetify 4 to use @vuetify/v0 useBreakpoints.

Research Findings

Required Changes for Vuetify 3 Adoption

1. Add Platform Detection - Create getPlatform() utility
2. Expose Touch - Add touch to context from SUPPORTS_TOUCH
3. SSROptions Support - Accept { clientWidth, clientHeight } for pre-rendering
4. Reactive Updates - Consider watchEffect() pattern (optional)
5. Align Mobile Default - Document v0 uses md, v3 uses lg

Integration Strategy

Phase 1: Non-Breaking Additions

• Add platform property to BreakpointsContext
• Add touch property
• Add SSROptions parameter

Phase 2: Vuetify 3 Migration

• Create compatibility layer if needed
• Update components using useDisplay()
• Migrate platform detection usage

API Mapping

Vuetify 3	v0 Equivalent
useDisplay().width	useBreakpoints().width
useDisplay().mobile	useBreakpoints().isMobile
useDisplay().platform.touch	useBreakpoints().touch (after addition)
useDisplay().platform.android	useBreakpoints().platform.android (after addition)

Dependencies

• #104 - Audit useBreakpoints parity

[johnleider]

vuetifyjs/vuetify#22710