Deprecate rules for sorting Vue, Svelte and Astro attributes

[azat-io]

Three rules were added in version 2.0.0:

• sort-vue-attributes
• sort-svelte-attributes
• sort-astro-atttributes

At the moment I'm thinking about giving them up. There are several reasons for this:

1. These rules use non-standard JavaScript or TypeScript syntax. For this reason, we have to use other parsers along with them:

   • vue-eslint-parser
   • svelte-eslint-parser
   • astro-eslint-parser

   That's a hard thing to maintain.

2. These rules extend beyond the plugin’s core ideology. The primary goal is to support sorting various elements that are part of the JavaScript, TypeScript, or JSX/TSX language standards.

   Supporting third-party libraries and frameworks could make the plugin unwieldy and complicated for users.

   Currently, we only plan to support standard pieces.

3. There are already similar ESLint rules:

   • vue/attributes-order
   • svelte/sort-attributes

   These rules could serve as adequate replacements.

I have a suggestion, move the missing functionality to ESLint plugins Vue, Svelte and Astro and maintain it there. First of all, it is the ability to sort attributes not only alphabetically, but also by line length.

The Astro plugin currently lacks this rule, so it could be transferred in its entirety.

I was interested to hear @ota-meshi opinion as the author of these plugins.

I would also like to hear the opinions of other users of the plugin.

[Ericlm]

I think this is a good idea! I'm using Vue, and I already have the eslint plugin grouping Vue attributes. Adding perfectionist required to build customGroups (see #112).
A difference with eslint-vue is that perfectionist can sort elements of the same group (where eslint-vue just requires groups to be sorted). So eslint-vue cannot completely replace sort-vue-attributes.
I think this is great to separate the package-specific rules from the standard perfectionist rules. (would be also clearer on the website).
And thank you for this plugin! 😀

[idmytro]

vue/attributes-order is better than nothing.
Your rule looks like more powerful, but it doesn't work well.

[azat-io]

@idmytro We need to have the same rule in eslint-plugin-astro to make it all deprecated

[myrica1030]

vue/attributes-order can't customize matches; for example, if I want to put class and style in front relative to other tags, perfectionist supports this very well.

The only downside is that I can't ignore “:” when ordering, tags starting with “:” are always higher than other tags.

Of course, if you don't have the energy to maintain it all, I show my support for you. After all, open source projects are just generating power with love and doing what you like ~ thank you for your efforts!

[azat-io]

Before deprecating the rules, we plan to improve the rules in the corresponding ESLint plugins. Also we plan to add features to the vue/attributes-order rule.

[azat-io]

Added in 46790ea.
Releases in v3.9.0.

[fvilers]

I'm a Svelte developer and I love perfectionist a lot as it matches my taste on code organisation. The sort-svelte-attributes suits my needs. I understand why it is deprecated and why it should be removed from this package. But I can't find how to configure svelte/sort-attributes to behave the same way than the perfectionist one does. Could you provide some guidance or a migration guide to match the same rule behavior?

[azat-io]

@fvilers Can you tell me what settings you have used previously? And what is missing in svelte/sort-attributes?

[fvilers]

Out of the box the natural rule was really fine. I just configured it as this:

{
    type: 'natural',
    order: 'asc',
    customGroups: { this: 'this' },
    groups: [ 'this' ]
  }

The problem with svelte/sort-attributes is that it doesn't sort non svelte attribute (html ones) or I have missed something.

[azat-io]

@ota-meshi Can we create an issue in https://github.com/sveltejs/eslint-plugin-svelte ?