Fixes for the integrated build

src/components/KeyboardDisplay.vue

@@ -9,7 +9,7 @@
 export default {
   props: {
     inputField: {
-      type: HTMLInputElement,
+      type: [HTMLInputElement, HTMLTextAreaElement],
       required: true,
     },
   },
@@ -24,7 +24,6 @@ export default {
   },
   methods: {
     addChar(char) {
-      console.log("adding", char);
       // Add a character to the input depending on selection position
       const start = this.inputField.selectionStart;
       const value = this.inputField.value;
@@ -39,7 +38,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<style scoped>
 .virtual-keyboard {
   position: absolute;
   top: 100%;

src/content/content.js

@@ -3,7 +3,10 @@ import Keyboard from "../components/KeyboardDisplay.vue";
 import router from "../router";
 import store from "../store";
 
-const inputFields = document.getElementsByTagName("input");
+const inputFields = [
+  ...document.getElementsByTagName("input"),
+  ...document.getElementsByTagName("textarea"),
+];
 let keyboard = null;
 
 const createKeyboard = (input) => {

src/views/Home.vue

@@ -7,7 +7,7 @@
 
 <script>
 // @ is an alias to /src
-import HelloWorld from "@/components/HelloWorld.vue";
+import HelloWorld from "../components/HelloWorld.vue";
 
 export default {
   name: "Home",