How to correct configure syntax highlight + pug + lsp + prettier + company?

Hello, i have a problem with configuration vue-mode with doom. Syntax highlighting work only for html, "go to definition" not work. I tried a lot but i don't know what i did wrong


my configuration
```lisp
(use-package vue-mode
:mode "\\.vue\\'"
:hook (vue-mode . prettier-js-mode)
:config
(add-hook 'vue-mode-hook #'lsp)
(setq prettier-js-args '("--parser vue")) ;; I tried disable this property
(setq mmm-submode-decoration-level 0) ;; I tried change this value
)

(setq mmm-js-mode-enter-hook (lambda () (setq syntax-ppss-table nil)))
(setq mmm-typescript-mode-enter-hook (lambda () (setq syntax-ppss-table nil)))

```

I also have tried use vue-mode without any configuration, and i got same result, i tried use vue-mode without any another packages from scratch, and got same result.

*Environment*
- Doom v2.0.9
- GNU Emacs 27.1
- Vue mode 20190415.231

I'am newest in emacs, and i'am sorry if my questions looks stupid, i would want to achive something like my vim config


Start by reproducing the reported vue-mode behavior with the configuration snippet in the issue and the listed environment: Doom v2.0.9, GNU Emacs 27.1, vue-mode 20190415.231. The issue does not name a project file or failing test; done would mean identifying whether this is a vue-mode bug, an interaction with lsp/prettier/company/Doom, or only a configuration problem.

由索引模型根據 Issue 內容生成。