title: Vue: pug language has not been recognized in .vue template
body: <p>From the Vue <a href="https://vue-loader-v14.vuejs.org/en/configurations/pre-processors.html#templates" rel="noreferrer">documentation</a>:</p>
  
  <blockquote>
    <p>Processing templates is a little different, because most webpack
    template loaders such as pug-loader return a template function instead
    of a compiled HTML string. Instead of using pug-loader, we can just
    install the original pug.</p>
  </blockquote>
  
  <p><strong>TestComponent.vue</strong>:</p>
  
  <pre><code>&lt;template lang="pug"&gt;
    div
      h2 {{ message }}
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      data () {
        return {
          message: 'Done!!! Done...'
        }
      }
    }
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>main.js</strong>:</p>
  
  <pre><code>import Vue from 'vue'
  import TestComponent from './../components/TestComponent/TestComponent.vue'
  
  new Vue({
    el: '#app',
    render: h =&gt; h(TestComponent)
  });
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>NonErrorEmittedError: (Emitted value instead of an instance of Error) 
    Error compiling template:
  
    div
      h2 {{ message }}
  
    - Component template requires a root element, rather than just text.
  </code></pre>
  
  <p>Used dependencies versions:</p>
  
  <ul>
  <li>"webpack": "^4.7.0"</li>
  <li>"vue": "^2.5.16"</li>
  <li>"vue-loader": "^15.2.4",</li>
  <li>"vue-template-compiler": "^2.5.16",</li>
  <li>"pug": "^2.0.3"</li>
  </ul>