title: NetBeans syntax highlighting, VueJS single file components, and pug
body: <p>Using NetBeans 8.2 to build a VueJS application using single file components. The single file components have an html template section and a script section (and, optionally, a CSS section). Syntax highlighting works fine after associating the .vue extension with the text/html mime type.</p>
  
  <p>VueJS supports the use of templating languages in the template section by specifying the lang attribute (see below). I am using pug as my templating language. The html syntax highlighter does not recognize the template section as pug.</p>
  
  <p>I can switch the mime type to text/jade (pug was formerly jade), and I get proper highlighting in the template section, but then it stops recognizing the script section as JavaScript, breaking THAT syntax highlighting.</p>
  
  <p>Based on my research, it does not appear that there is a way to resolve this (short of writing a custom plugin), but I wanted to confirm. </p>
  
  <p>Optimally, NetBeans would just recognize the lang attribute and highlight appropriately, but I couldn't find anything indicating that was a possibility.</p>
  
  <p>Code sample:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;template lang="pug"&gt;
      header(class="navbar navbar-sticky")
  
      &lt;!-- Site Logo --&gt;
      a(href="index.html", class="site-logo visible-desktop") [ logo ]
      a(href="index.html", class="site-logo visible-mobile") [ logo ]
  &lt;/template&gt;
  </code></pre>
  
  <pre class="lang-js prettyprint-override"><code>export default {
    name: 'Navbar',
    props: {
      msg: String
    }
  }
  </code></pre>