tweak(web): detect and set angular in web-mode

- Add @angular/core in detecting angular to set the web-angularjs minor
mode

- At the same time set the web-mode-engine to "angular" so that
`format-all` uses prettier to format ionic `*.page.html` files in
addition to `*.component.html` files.

When `format-all` sees the web-mode-engine is set to "angular", it
applies `prettier` as opposed to `html-tidy`, as `tidy` doesn't
recognise angular component tags and hence errors out. The current
web-mode only sets the engine to "angular" for "*.components.html".
However, ionic angular uses file names such as "*.page.html", setting
engine will apply prettier to these html fils.
This commit is contained in:
marty 2022-01-02 20:21:13 +11:00 committed by Henrik Lissner
parent b51d7d6d7f
commit bc47e72984

View file

@ -43,7 +43,10 @@
(when (featurep! :lang javascript) (when (featurep! :lang javascript)
(def-project-mode! +web-angularjs-mode (def-project-mode! +web-angularjs-mode
:modes '(+javascript-npm-mode) :modes '(+javascript-npm-mode)
:when (+javascript-npm-dep-p 'angular)) :when (+javascript-npm-dep-p '(angular @angular/core))
:on-enter
(when (derived-mode-p 'web-mode)
(web-mode-set-engine "angular")))
(def-project-mode! +web-react-mode (def-project-mode! +web-react-mode
:modes '(+javascript-npm-mode) :modes '(+javascript-npm-mode)