rebreak-monorepo/apps/marketing/app/composables/useViewportHeight.ts

/**
 * Reactive viewport height.
 * Vereinfachte Version für Marketing-Site (kein Capacitor/WKWebView-Keyboard-Handling nötig).
 */
export function useViewportHeight() {
  const height = ref(globalThis.innerHeight || 800);

  onMounted(() => {
    const update = () => {
      height.value = window.innerHeight;
    };
    window.addEventListener("resize", update);
    update();
    onUnmounted(() => window.removeEventListener("resize", update));
  });

  return { height };
}