From b27b21d5d641d7fd1ed80a6dbab79bdbff664a3f Mon Sep 17 00:00:00 2001
From: riqo <hernandeze2@xavier.edu>
Date: Wed, 21 Oct 2020 09:39:34 -0500
Subject: [PATCH] initial input item setp

---
 src/components/UI/UIDetails/inputItem.vue | 42 +++++++++++++++++++++++
 src/views/home/index.vue                  | 14 ++++----
 2 files changed, 50 insertions(+), 6 deletions(-)
 create mode 100644 src/components/UI/UIDetails/inputItem.vue

diff --git a/src/components/UI/UIDetails/inputItem.vue b/src/components/UI/UIDetails/inputItem.vue
new file mode 100644
index 0000000..5eb583c
--- /dev/null
+++ b/src/components/UI/UIDetails/inputItem.vue
@@ -0,0 +1,42 @@
+<template>
+  {{ input }}
+</template>
+
+<script>
+ import { defineComponent, ref, onUnmounted } from "vue";
+ export default defineComponent({
+     name: "InputItem",
+     setup() {
+        const input = ref("");
+
+         function handleInput(e) {
+           const inputCode = e.keyCode;
+           const cmd = String.fromCharCode(inputCode).toLowerCase();
+
+             switch(inputCode) {
+                case 13:
+                  console.log('enter was pressed');
+                  break;
+                case 8:
+                  console.log('delete was pressed');
+                  input.value = input.value.slice(0, -1);
+                  break;
+                 default:
+                  input.value += cmd;
+             }
+         }
+
+         window.addEventListener("keydown", handleInput);
+
+         onUnmounted(() => {
+            window.removeEventListener("keydown", handleInput);
+         })
+
+         return {
+             input
+         }
+
+
+     }
+ })
+</script>
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 11130b8..d20f308 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,17 +1,19 @@
 <template>
-    <UIindex />
-    <Microphone />
+    <!-- <UIindex />
+         <Microphone /> -->
+    <InputItem />
 
 </template>
 
 <script lang="ts">
- import { defineComponent, onMounted } from 'vue';
- import UIindex from "@/components/UI/index.vue";
- import Microphone from "@/components/microphone/index.vue";
+ import { defineComponent } from 'vue';
+ // import UIindex from "@/components/UI/index.vue";
+ // import Microphone from "@/components/microphone/index.vue";
+ import InputItem from "@/components/UI/UIDetails/inputItem.vue";
 
  export default defineComponent({
      name: "HomeIndex",
-     components: { UIindex, Microphone },
+     components: { InputItem },
  });
 
 </script>
-- 
2.43.0