✨ change colorful config to manual setting

Author: MaxMEllon

README.md

@@ -58,24 +58,41 @@ your `~/.vimrc`:
     Plug 'othree/es.next.syntax.vim'
     ```
 
+execute command in vim:
+
+    :so ~/.vimrc
+    :PlugInstall
+
+Configuration
+---
+
+|name|default|detail|
+|---|---|---|
+|`g:vim_jsx_pretty_enable_jsx_highlight`|1|jsx highlight flag|
+|`g:vim_jsx_pretty_colorful_config`|0|colorful config flag|
+
+
+- Disable jsx highlight (but highlight group is set to jsx syntax. so this plugin expect to add highlight settings in case of disabled.)
+
+    ```vim
+    let g:vim_jsx_pretty_enable_jsx_highlight = 1 " default 1
+    ```
+
 - Colorful style (**vim-javascript only**)
 
     ```vim
-    augroup VimJsxPretty
-      autocmd!
-      autocmd VimEnter *.js,*.jsx highlight jsNoise ctermfg=197 cterm=bold guifg=#F92672 gui=bold
-      autocmd VimEnter *.js,*.jsx highlight jsArrowFunction ctermfg=197 cterm=bold guifg=#F92672 gui=bold
-      autocmd VimEnter *.js,*.jsx highlight jsObjectBraces ctermfg=197 cterm=bold guifg=#F92672 gui=bold
-      autocmd VimEnter *.js,*.jsx highlight jsFuncBraces ctermfg=118 guifg=#A6E22E
-      autocmd VimEnter *.js,*.jsx highlight jsFuncCall ctermfg=228 guifg=#A6A5AE
-      autocmd VimEnter *.js,*.jsx highlight jsBrackets cterm=bold gui=bold
-    augroup END
+    let g:vim_jsx_pretty_colorful_config = 1 " default 0
     ```
 
-execute command in vim:
+### Highlight group list
 
-    :so ~/.vimrc
-    :PlugInstall
+|name|place|
+|---|---|
+|jsxTag| `<tag id="sample">`<br />`~~~~~~~~~~~~~~~~~`|
+|jsxTagName| `<tag id="sample">`<br />`_~~~_____________`|
+|jsxEqual| `<tag id="sample">`<br />`_______~_________`|
+|jsxString| `<tag id="sample">`<br />`________~~~~~~~~_`|
+|jsxCloseTag| `</tag> ｜ <tag />`<br />`~~~~~~ ｜  _____~~` |
 
 LICENSE
 ---

after/syntax/javascript.vim

@@ -118,19 +118,28 @@ syntax region jsxEscapeJs
 syntax cluster jsExpression add=jsxRegion
 syntax cluster javascriptNoReserved add=jsxRegion
 
-highlight def link jsxTag Function
-highlight def link jsxTagName Function
-highlight def link jsxString String
-highlight def link jsxNameSpace Function
-highlight def link jsxComment Error
-highlight def link jsxAttrib Type
-highlight def link jsxEscapeJs jsxEscapeJs
-highlight def link jsxCloseTag Identifier
-highlight def link jsxCloseString Identifier
-
-highlight def link jsObjectKey Label
-highlight def link jsArrowFuncArgs Type
-highlight def link jsFuncArgs Type
+let s:vim_jsx_pretty_enable_jsx_highlight = get(g:, 'vim_jsx_pretty_enable_jsx_highlight', 1)
+
+if s:vim_jsx_pretty_enable_jsx_highlight == 1
+  highlight def link jsxTag Function
+  highlight def link jsxTagName Function
+  highlight def link jsxString String
+  highlight def link jsxNameSpace Function
+  highlight def link jsxComment Error
+  highlight def link jsxAttrib Type
+  highlight def link jsxEscapeJs jsxEscapeJs
+  highlight def link jsxCloseTag Identifier
+  highlight def link jsxCloseString Identifier
+endif
+
+let s:vim_jsx_pretty_colorful_config = get(g:, 'vim_jsx_pretty_colorful_config', 0)
+
+if s:vim_jsx_pretty_colorful_config == 1
+  highlight def link jsObjectKey Label
+  highlight def link jsArrowFuncArgs Type
+  highlight def link jsFuncArgs Type
+endif
+
 
 let b:current_syntax = 'javascript.jsx'