Using Vue Language Server with Doom Emacs

I want to setup and use Vue Language Server with Doom Emacs.

Since the official Vue guide on it is basically zero, I tried understanding how to setup from the plugins of other editors from Community Integrations.

Then I added this to config.el:

(after! eglot
  (add-to-list 'eglot-server-programs
               `(web-mode . ("vue-language-server" "--stdio" :initializationOptions
                             (:typescript (:tsdk "/path/to/my/project/node_modules/typescript/lib"))))))

Then I evaluated that buffer and opened a .vue file and did M-x eglot.

It said:

[eglot] Connected! Server `EGLOT (myProjectName/(web-mode))' now managing `(web-mode)' buffers in project `myProjectName'.

But if I edit the file, nothing seems to be happening. No error check or auto-completions. What am I doing wrong?

Thanks!

PS: I’m using hard-coded path and forcing Vue LSP for all web-mode globally just for testing purpose.