trying to add a textinput component

js/components/text_input.js

@@ -0,0 +1,3 @@
+export default {
+  name: 'textinput'
+}

js/index.js

@@ -1,6 +1,12 @@
 import classes from '../styles/atat.scss'
 import Vue from 'vue/dist/vue'
 
+import TextInput from './components/text_input'
+
+const components = {
+  TextInput
+}
+
 const app = new Vue({
   el: '#app-root',
   methods: {
@@ -17,5 +23,6 @@ const app = new Vue({
         styleguideModal: false,
       }
     }
-  }
+  },
+  components: components
 })

templates/styleguide.html

@@ -130,15 +130,17 @@
 
 
       <form>
-        <div class='usa-input'>
+        <TextInput inline-template>
-          <label for='basic-text-1'>
+          <div class='usa-input'>
-            Basic Text Input
+            <label for='basic-text-1'>
-            <span class='usa-input__help'>
+              Basic Text Input
-              This is some help text to explain what this form field is and why you should fill it out.
+              <span class='usa-input__help'>
-            </span>
+                This is some help text to explain what this form field is and why you should fill it out.
-          </label>
+              </span>
-          <input id='basic-text-1' type='text' placeholder='this is a sample of what you should enter'/>
+            </label>
-        </div>
+            <input id='basic-text-1' type='text' placeholder='this is a sample of what you should enter'/>
+          </div>
+        </TextInput>
 
         <div class='usa-input usa-input--error'>
           <label for='basic-text-2'>