Add keyboard modality support for UiMenuOption and so works

lib/keen/UiMenuOption.vue

@@ -3,9 +3,12 @@
   <component
     :is="isAnchor ? 'a' : 'li'"
     class="ui-menu-option"
-
+    supports-modality=keyboard
+    @focus="isActive = true"
+    @blur="isActive = false"
     role="menu-item"
     :class="classes"
+    :style="activeStyle"
     :href="isAnchor ? (disabled ? null : href) : null"
     :tabindex="(isDivider || isAnchor || disabled) ? null : '0'"
     :target="isAnchor ? (disabled ? null : target) : null"
@@ -41,6 +44,8 @@
 <script>
 
   import UiIcon from './UiIcon.vue';
+  import globalThemeState from '../styles/globalThemeState';
+
 
   export default {
     name: 'UiMenuOption',
@@ -49,6 +54,10 @@
       UiIcon,
     },
 
+    data:() => ({
+      isActive: false,
+    }),
+
     props: {
       type: String,
       label: String,
@@ -77,6 +86,9 @@
         };
       },
 
+      activeStyle() {
+        return this.isActive ? {...this.$coreOutline, outlineOffset: '-2px' } : {}
+      },
       isDivider() {
         return this.type === 'divider';
       },