fix: mac hotkeys (fix #1907) (#2115)

Author: edikdeisling

packages/app-frontend/src/features/components/ComponentsInspector.vue

@@ -42,16 +42,17 @@ export default defineComponent({
     } = useComponentPick()
 
     onKeyDown(event => {
-      if (event.key === 'f' && event.altKey) {
+      // ƒ,ß,® - these are the result keys in Mac with altKey pressed
+      if ((event.key === 'f' || event.key === 'ƒ') && event.altKey) {
         treeFilterInput.value.focus()
         return false
-      } else if (event.key === 's' && event.altKey && !pickingComponent.value) {
+      } else if ((event.key === 's' || event.key === 'ß') && event.altKey && !pickingComponent.value) {
         startPickingComponent()
         return false
       } else if (event.key === 'Escape' && pickingComponent.value) {
         stopPickingComponent()
         return false
-      } else if (event.key === 'r' && (event.ctrlKey || event.metaKey) && event.altKey) {
+      } else if ((event.key === 'r' || event.key === '®') && (event.ctrlKey || event.metaKey) && event.altKey) {
         refresh()
         return false
       }

packages/app-frontend/src/features/components/SelectedComponentPane.vue

@@ -33,7 +33,8 @@ export default defineComponent({
     // State filter
     const stateFilterInput = ref()
     onKeyDown(event => {
-      if (event.key === 'd' && event.altKey) {
+      // ∂ - the result key in Mac with altKey pressed
+      if ((event.key === 'd' || event.key === '∂') && event.altKey) {
         stateFilterInput.value.focus()
         return false
       }