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,6 +130,7 @@
 
 
       <form>
+        <TextInput inline-template>
           <div class='usa-input'>
             <label for='basic-text-1'>
               Basic Text Input
@@ -139,6 +140,7 @@
             </label>
             <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'>