profectus/TMT-Demo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed hotkeys not being reactive

Browse source
This commit is contained in:
thepaperpilot 2022-12-21 22:32:28 -06:00
parent 36f91f91c3
commit 56b1a7a9b4
1 changed files with 20 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
src/components/Hotkey.vue
View file

@ -13,22 +13,34 @@
<script setup lang="ts">
import { GenericHotkey } from "features/hotkey";
import { reactive } from "vue";
import { watchEffect } from "vue";
const props = defineProps<{
hotkey: GenericHotkey;
}>();
let key = reactive(props.hotkey).key;
let key = "";
let isCtrl = false;
let isShift = false;
let isAlpha = false;
watchEffect(() => {
key = props.hotkey.key;
let isCtrl = key.startsWith("ctrl+");
if (isCtrl) key = key.slice(5);
isCtrl = key.startsWith("ctrl+");
if (isCtrl) {
key = key.slice(5);
}
let isShift = key.startsWith("shift+");
if (isShift) key = key.slice(6);
isShift = key.startsWith("shift+");
if (isShift) {
key = key.slice(6);
}
let isAlpha = key.length == 1 && key.toLowerCase() != key.toUpperCase();
if (isAlpha) key = key.toUpperCase();
isAlpha = key.length == 1 && key.toLowerCase() != key.toUpperCase();
if (isAlpha) {
key = key.toUpperCase();
}
});
</script>
<style scoped>