use typescript-ts-mode and tsx-ts-mode at first

lisp/init-typescript.el

@@ -1,24 +1,27 @@
 ;; -*- coding: utf-8; lexical-binding: t; -*-
 
-(require 'typescript-mode)
+(unless (and (fboundp 'treesit-available-p) (treesit-available-p))
+  (add-subdirs-to-load-path (expand-file-name "optional-pkg" creature/config-dir))
+  (require 'typescript-mode)
+
+  (define-derived-mode typescript-tsx-mode typescript-mode "Tsx"
+    "Major mode for editing TSX file."
+    (require 'tree-sitter)
+    (require 'tree-sitter-hl)
+    (require 'tree-sitter-langs)
+    (require 'tree-sitter-debug)
+    (require 'tree-sitter-query)
+
+    (require 'tsi-typescript)
+    (tsi-typescript-mode))
+
+  (add-to-list 'auto-mode-alist '("\\.tsx\\'"  . typescript-tsx-mode))
+
+  (with-eval-after-load 'tree-sitter-langs
+    (tree-sitter-require 'tsx)
+    (add-to-list 'tree-sitter-major-mode-language-alist '(typescript-tsx-mode . tsx))))
 
 
-(define-derived-mode typescript-tsx-mode typescript-mode "Tsx"
-  "Major mode for editing TSX file."
-  (require 'tree-sitter)
-  (require 'tree-sitter-hl)
-  (require 'tree-sitter-langs)
-  (require 'tree-sitter-debug)
-  (require 'tree-sitter-query)
-
-  (require 'tsi-typescript)
-  (tsi-typescript-mode))
-
-(add-to-list 'auto-mode-alist '("\\.tsx\\'"  . typescript-tsx-mode))
-
-(with-eval-after-load 'tree-sitter-langs
-  (tree-sitter-require 'tsx)
-  (add-to-list 'tree-sitter-major-mode-language-alist '(typescript-tsx-mode . tsx)))
 
 
 (provide 'init-typescript)