title: Vue with Typescript - using components without definition
body: <p>I'm trying to use vue-instant component as a child component. I'm not sure how to add components without definition, or maybe my issue is in the webpack config ignoring node_modules because of the lack of type? Here's what I have:</p>
  
  <p><strong>SingleUserSearch.vue (my custom component):</strong></p>
  
  <pre><code>&lt;template&gt;
  
      &lt;div class="input-group"&gt;         
  
         &lt;vue-instant 
         v-model="value"            
         @input="changed"            
         :suggestions="suggestions" 
         name="customName" 
         placeholder="custom placeholder" 
         type="google"&gt;&lt;/vue-instant&gt;
  
      &lt;/div&gt;
  
  &lt;/template&gt;
  
  &lt;script lang="ts"&gt;       
  
      import Vue from "vue";
      import Component from "vue-class-component";
      import axios from "axios";
      import VueInstant from 'vue-instant'   
  
      let vueInstantComponent : Vue.Component = VueInstant;
  
      @Component({
          components: {
              'vue-instant': vueInstantComponent
          }       
  
      })
      export default class SingleUserSearch extends Vue {
  
          value:string="";
          suggestions : Array&lt;string&gt; = []
          async changed() {
              var that = this
              this.suggestions = []
              let response = await axios.get('https://api.themoviedb.org/3/search/movie?api_key=342d3061b70d2747a1e159ae9a7e9a36&amp;query=' + this.value);                   
              alert(response);                           
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Then I compile my code using webpack without difficulties. When I try to test the code on page I get:</p>
  
  <blockquote>
    <p>[Vue warn]: Failed to mount component: template or render function not
    defined.</p>
    
    <p>found in</p>
    
    <p>---> 
            at scripts\vue\components\SingleUserSearch.vue
             </p>
  </blockquote>
  
  <p><strong>webpack.config.js</strong></p>
  
  <pre><code>var path = require('path');
  var webpack = require('webpack');
  
  module.exports = {
      entry: './scripts/vue/main.ts',
      output: {
          path: path.resolve('./scripts/build/'),
          filename: 'app.js'
      },
      module: {
          loaders: [
              {
                  test: /\.tsx?$/,
                  loader: 'ts-loader?' + JSON.stringify({
                      transpileOnly: true
                  })
              },
              {
                  test: /\.vue$/,
                  loader:'vue-loader'  
              },
              {
                  test: /\.js$/,
                  loader: 'babel-loader',
                  query: {
                      presets: ['es2015','stage-0','stage-1','stage-2','stage-3']
                  }
              }
          ]
      },
      resolve: {
          extensions: ['.js', '.vue'],
          alias: {
              'vue': path.resolve('./node_modules/vue/dist/vue.esm.js')
          }
      },
      stats: {
          colors: true
      },
      devtool: 'source-map'
  };
  </code></pre>