dialog-escape-key.ts

import {
  addEscapeKey,
  removeEscapeKey,
} from 'quasar/src/utils/private/escape-key.js';
import { onMounted, onUnmounted } from 'vue';

// Quasar doesn't offer a way to hook into the esc handler from inside the dialog component itself,
// so we have to do it ourselves
// This requires the QDialog to have `no-esc-dismiss` and `no-shake` (purely aesthetic) prop enabled
export function useDialogEscapeKey(
  handler: (event: Event) => void | Promise<void>,
) {
  onMounted(() => {
    addEscapeKey(handler);
  });

  onUnmounted(() => {
    removeEscapeKey(handler);
  });
}

quasar-private.d.ts

declare module 'quasar/src/utils/private/escape-key.js' {
  export function addEscapeKey(
    handler: (event: Event) => void | Promise<void>,
  ): void;
  export function removeEscapeKey(
    handler: (event: Event) => void | Promise<void>,
  ): void;
}