Config for VSCode Plugin and BladeFormatter not the same

[tnylea]

Hey there 👋

Thanks for the awesome package. In my project I am using this VSCode plug-in and I am also using the Node library. When I use the Plug-in and then switch to the Node Library, I wanted both to use the same config; however, I am running into an issue where the format of the option customHtmlAttributesOrder are inconsistent between the two.

Here is my .bladformatterrc config file:

{
    "indentSize": 1,
    "wrapAttributes": "force-expand-multiline",
    "wrapAttributesMinAttrs": 4,
    "wrapLineLength": 9999,
    "endWithNewLine": true,
    "noMultipleEmptyLines": false,
    "useTabs": true,
    "indentInnerHtml": true,
    "sortTailwindcssClasses": true,
    "sortHtmlAttributes": "custom",
    "customHtmlAttributesOrder" : "x-*, id, data-*, :class, class",
    "noPhpSyntaxCheck": false,
    "noSingleQuote": false
}

As you can see the customHtmlAttributesOrder is a comma separated string of attributes. This config works great for the VSCode Plug-in; however, when I run the following command using the Typescript Node package:

blade-formatter 'resources/views/**/*.blade.php'

I get an error that customHtmlAttributesOrder must be an array. So, as a workaround, I created another file with the following config:

{
    "indentSize": 1,
    "wrapAttributes": "force-expand-multiline",
    "wrapAttributesMinAttrs": 4,
    "wrapLineLength": 9999,
    "endWithNewLine": true,
    "noMultipleEmptyLines": false,
    "useTabs": true,
    "indentInnerHtml": true,
    "sortTailwindcssClasses": true,
    "sortHtmlAttributes": "custom",
    "customHtmlAttributesOrder" : [
        "x-*",
	"id",
	"data-*",
	":class",
	"class"
    ],
    "noPhpSyntaxCheck": false,
    "noSingleQuote": false
}

I can then pass this config to the Node CLI command and it will work fine.

---

The only problem now is that I have 2 files that I have to manage. If I make a change to one then I have to make a change to the other to match. Is there a work-around for this?

Really appreciate it and I look forward to hearing back from you 😊