Updates angular setup

.emacs

@@ -55,7 +55,7 @@
 (add-hook 'before-save-hook 'delete-trailing-whitespace)
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
-;; Straight
+;; Straight and use package
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 
 (defvar bootstrap-version)
@@ -71,31 +71,14 @@
       (eval-print-last-sexp)))
   (load bootstrap-file nil 'nomessage))
 
-;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
-;; Use-Package
-;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 
-(package-initialize)
+(straight-use-package 'use-package)
 
-(unless (package-installed-p 'use-package)
+(use-package straight
-  (unless package-archive-contents
+  :custom
-	(package-refresh-contents)
+  (straight-use-package-by-default t))
-	)
-  (package-install 'use-package)
-  )
 
 
-
-(require 'use-package-ensure)
-(setq use-package-always-ensure t)
-
-(require 'use-package)
-
-
-;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
-;; Keymap
-;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
-
 (use-package smart-tabs-mode
   :config
   (setq-default tab-width 4) ; or any other preferred value
@@ -238,7 +221,9 @@
   )
 
 (use-package treemacs)
+
 (use-package treemacs-projectile)
+
 (use-package treemacs-devicons
   :straight (treemacs-devicons
              :type git :host github :repo "rainstormstudio/treemacs-devicons")
@@ -261,7 +246,7 @@
     (setq typescript-indent-level 2)
   )
   :hook
-  (html-mode . lsp-deferred)
+  (web-mode . lsp-deferred)
   (typescript-mode . lsp-deferred)
   (typescript-mode . atu/ng2-mode-hook)
   )
@@ -547,12 +532,26 @@
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;l
 
 (use-package typescript-mode
-  :config (progn
+  :config
-			(setq create-lockfiles nil)
+  (progn
-			(add-to-list 'compilation-error-regexp-alist '("^Error: \\(.*?\\):\\([0-9]+\\):\\([0-9]+\\)" 1 2 3))
+    (setq create-lockfiles nil)
-			)
+    (add-to-list 'compilation-error-regexp-alist '("^Error: \\(.*?\\):\\([0-9]+\\):\\([0-9]+\\)" 1 2 3))
+    )
   )
 
+(use-package prettier-js
+  :hook
+  (typescript-mode . prettier-js-mode)
+  )
+
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+;; web-mode
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+
+(use-package web-mode
+  :mode "\\.html?\\'"
+  :interpreter "html")
+
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 ;; After Init
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;