Function useShortcutManagerKeysLayout

useShortcutManagerKeysLayout(
    keys: Keys,
    keyboardEl: Ref<null | HTMLElement>,
): {
    height: Ref<number>;
    keyWidth: Ref<number>;
    layout: { x: number; y: number };
    ratio: Ref<number>;
    width: Ref<number>;
}
Watches Keys.layout.x/y and listens to resize changes on the element containing the keys to update what the pixel height of the element should be and what the pixel keyWidth.

While it also returns the width and the ratio, you should not set the element to them.
Parameters
- keys: Keys
- keyboardEl: Ref<null | HTMLElement>
Returns {
    height: Ref<number>;
    keyWidth: Ref<number>;
    layout: { x: number; y: number };
    ratio: Ref<number>;
    width: Ref<number>;
}
- Defined in src/runtime/composables/useShortcutManagerKeysLayout.ts:12