 (use-package graphql-mode
   :ensure t)
 
-;; TIDE for typescript
-(defun setup-tide-mode ()
-  (interactive)
-  (tide-setup)
-  (flycheck-mode +1)
-  (setq flycheck-check-syntax-automatically '(save mode-enabled))
-  (eldoc-mode +1)
-  (tide-hl-identifier-mode +1)
-  ;; company is an optional dependency. You have to
-  ;; install it separately via package-install
-  ;; `M-x package-install [ret] company`
-  (company-mode +1))
-;; aligns annotation to the right hand side
-(setq company-tooltip-align-annotations t)
-(add-hook 'typescript-mode-hook #'setup-tide-mode)
-;; formats the buffer before saving
-;; (add-hook 'before-save-hook 'tide-format-before-save); using prettier for now
-;; tide
-;; (use-package tide
-;;   :ensure t
-;;   :after (typescript-mode company flycheck)
-;;   :hook ((typescript-mode . tide-setup)
-;;          (typescript-mode . tide-hl-identifier-mode)))
-;;          ;; (before-save . ab/tslint-fix-file)) ;; prettier is better at this
 ;; prettier
 (use-package prettier-js
   :ensure t

    (setq lsp-headerline-breadcrumb-enable nil)
    (setq lsp-signature-render-documentation nil)
    :commands lsp)



;;; Text Editing visual

  :hook (typescript-mode . prettier-js-mode))

;; Language Server Protocol

;; if you want to change prefix for lsp-mode keybindings.
(setq lsp-keymap-prefix "C-c l")
