Code highlighting incorrectly, when it is below jsx code with no `,` or `;` after. about vim-jsx-pretty HOT 4 CLOSED

The follow code has the same issue.

class App extends Component {
    render() {
        // NOTCE: no `;` after.
        const arr = <div></div>

        // Codes highlight incorrectly
        var foo = 'foo';
        if (foo === 'foo') {
            console.log('hello');
        }
    }
}

from vim-jsx-pretty.

This issue is difficult for me. So, please last a moment.

I may possibly, I can't fix this problem.

To rewrite as below, This issue is fixed.

diff --git a/after/syntax/javascript.vim b/after/syntax/javascript.vim
index 7ec31e3..b4aee53 100644
--- a/after/syntax/javascript.vim
+++ b/after/syntax/javascript.vim
@@ -30,6 +30,7 @@ syntax region jsxRegion
       \ end=+>\n\?\s*)\@=+
       \ end=+>\n\?\s*}\@=+
       \ end=+>;\@=+
+      \ end=+>\n\@=+
       \ end=+\n\?\s\*,+
       \ end=+\s*>,\@=+
       \ end=+\s\+:\@=+

But, syntax-highlight break in different place.

Could you send me PR if you possible?

from vim-jsx-pretty.

@MaxMEllon I will try.

from vim-jsx-pretty.

I appreciate your kindness. 😄

I will try too.

from vim-jsx-pretty.