support vuejs

[lizhongyi]

Settings

Example:

        case 'scss':
            languageId = 'css';
        case 'css':
            beatiFunc = jsbeautify.css;
            break;
        case 'json':
            languageId = 'javascript';
        case 'javascript':
            beatiFunc = jsbeautify.js;
            break;
        case 'html':
            beatiFunc = jsbeautify.html;
        case 'vue':
            beatiFunc = jsbeautify.html;
            break;
        default:
            showMesage('Sorry, this language is not supported. Only support Javascript, CSS and HTML.');
            break;

[jimmywarting]

It can just fall through

case 'html':
case 'vue':
    beatiFunc = jsbeautify.html;

[bitwiseman]

@lizhongyi @jimmywarting
You're writing the code you want? How about about PR?

[bitwiseman]

@lizhongyi Why closed?

[yoyo837]

@bitwiseman I think they may not have enough free time, please forgive us. :(

[lonerdottie]

Any progress on this? Not many tools out there as good as or as widely used as jsbeautify and not supporting Vue is a huge headache.

[bitwiseman]

@lonerdottie - It looks like this would a straightforward PR. Make the change suggested above, add a few tests. I doubt it would be full support, but it would be something.

[bitwiseman]

@lonerdottie - Actually, it is unclear to me what part of the code it referred to above. Are you using http://jsbeautifier.org or a specific editor/plugin? What happens to your vuejs code when you put it in http://jsbeautifier.org ?

[lonerdottie]

@bitwiseman take a look at this code for example and run it through. The obvious issue when running it in jsbeautifier.org is that it ignores everything within the 'template' tag.
https://gist.github.com/lonerdottie/5f47b66dccd8c3ca6a2528adc06fcba4

[bitwiseman]

@lonerdottie Yeah, we treat template as "unformatted". (see https://github.com/beautify-web/js-beautify/blob/master/js/src/html/beautifier.js#L99) . You could try overriding that setting.

What other issues do you see?

[xorbis]

How does one remove the template tag from the unformatted tags for HTML beautifying?
The documentation specifies howto set the tags on the command line but not the .jsbeautifyrc file.

[bitwiseman]

@xorbis @lonerdottie
I think this is fixed in 1.9.0-beta2 (possibly earlier). Can you take a look?

[xorbis]

Can't test on my side we switched to eslint beautifying.