docs, textinput method fix

Author: njwest

README.md

@@ -17,7 +17,6 @@ Spin up Node dev server:
 npm run serve
 ```
 
-
 ## Directory Structure
 
 `./public/Build` && `./public/TemplateData` - the templates/JS functions of a bare Unity3D WebGL project.
@@ -33,7 +32,14 @@ Text can be sent to the text object in the Unity game instance via the `@click`
 this.$refs.myInstance.message('Text', 'SetText', this.textInput)
 ```
 
+Note: Further configuration is needed to make the text input in `./src/views/Home.vue` editable after the Unity game loads,
+since the Unity WebGL instance grabs all keyboard input to the page. There is an example string in the input box for this reason.
+
+[Related Unity forum thread](https://forum.unity.com/threads/disable-enable-keyboard-in-runtime-webgl.286557/#post-1892527)
+
+## Trigger a webpage JavaScript function from Unity Scene
 
+[WIP] 
 
 ## Project setup
 ```

src/views/Home.vue

@@ -1,22 +1,25 @@
 <template>
   <div class="">
-    <!--
-    The Unity Container.
-    Look in the src of npm-modules/vue-unity/webgl/ after npm installing for the mechanics of this custom component
-    -->
-    <unity
-      src="/Build/WebGL-Test.json"
-      width="1000"
-      height="600"
-      unityLoader="/Build/UnityLoader.js" ref="myInstance"
-    >
-    </unity>
-
-    <!-- Unstyled text input + button -->
-    <input type="text" v-model="textInput" description="Input text here to send to Unity">
-    <button @click="inputText">
-      Send a string to Unity
-    </button>
+    <div class="">
+      <!--
+      The Unity Container.
+      Look in the src of npm-modules/vue-unity/webgl/ after npm installing for the mechanics of this custom component
+      -->
+      <unity
+        src="/Build/WebGL-Test.json"
+        width="1000"
+        height="600"
+        unityLoader="/Build/UnityLoader.js" ref="myInstance"
+      >
+      </unity>
+    </div>
+    <div class="">
+      <!-- Unstyled text input + button -->
+      <input v-model="textInput" placeholder="Enter a string to send to Unity">
+      <button @click="sendText">
+        Send a string to Unity
+      </button>
+    </div>
   </div>
 </template>
 <script>
@@ -29,11 +32,12 @@ export default {
   },
   data() {
     return {
-      textInput: ''
+      textInput: "String to send"
     }
   },
   methods: {
     sendText() {
+      console.log(this.textInput)
       this.$refs.myInstance.message('Text', 'SetText', this.textInput)
     }
   }