Syntax highlight missing on pug components since 1.0

[itzaks]

One feature that I really enjoyed in previous versions was the syntax highlighting of custom vue components being colored yellow when using volar, pug and the One Dark Pro color theme. After 1.0 and the introduction of @volar/vue-language-plugin-pug, this seems to have broken. All custom components are now colored the same as native html elements.

[dargmuesli]

Check the changelogs for a migration path: https://github.com/johnsoncodehk/volar/blob/master/CHANGELOG.md#100-alpha0-2022916

[itzaks]

I've added everything according to the migration path. The components do resolve, but they are not highlighted when using pug. If I switch to pure HTML they are highlighted. Also rolling back to < 1.0 they are highlighted too.

devDependencies

    "@volar/pug-language-service": "^1.0.3",
    "@volar/vue-language-plugin-pug": "^1.0.3",

tsconfig.json

  "extends": "./.nuxt/tsconfig.json",
  "vueCompilerOptions": {
    "plugins": [
      "@volar/vue-language-plugin-pug"
    ]
  },
...