Jade/Pug Syntax Highlighting in Vue Components

[mccallofthewild]

Summary

Panda Theme recently stopped highlighting pug HTML tags, or providing any distinction between the HTML tags and their inner text.

Language: Pug (vue template)
Raw File Contents:

<template lang="pug">
div 
  v-tooltip(top, right)
    v-btn(
      center, 
      dark, 
      fab, 
      flat, 
      small, 
      color="accent", 
      slot="activator",
      @click="createCategory"
    )
      v-icon add
    span Create New Category
  v-dialog(
    v-model="categoryFormVisible", 
    v-if="categoryFormVisible", 
    max-width="50%"
  )
    v-card 
      v-card-text
        new-category(
          @create="handleCategorySubmit", 
          v-if="categoryFormVisible", 
          :template="newCategory", 
          :categories="categories"
        )
</template>

<script>
// [...]
</script>

<style lang="scss">
</style>

Notice the differences in v-icon add and span Create New Category below.

Expected Highlighting: (Material theme)

Actual Highlighting: (Panda theme)