Do not allow focus when disabled

Author: adamberecz

src/Toggle.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     :class="classList.container"
-    :tabindex="disabled ? -1 : 0"
+    :tabindex="disabled ? undefined : 0"
     :aria-checked="checked"
     :aria-describedby="describedby"
     :aria-labelledby="labelledby"

src/composables/useKeyboard.js

@@ -2,6 +2,8 @@ import { ref, computed, toRefs } from 'composition-api'
 
 export default function useStyle (props, context, dependencies)
 {
+  const { disabled } = toRefs(props)
+
   // ============ DEPENDENCIES ============
 
   const check = dependencies.check
@@ -11,6 +13,10 @@ export default function useStyle (props, context, dependencies)
   // =============== METHODS ==============
 
   const handleSpace = () => {
+    if (disabled.value) {
+      return
+    }
+    
     checked.value ? uncheck() : check()
   }