{"library":"squidex-prettier-plugin-organize-attributes","title":"Prettier Plugin Organize Attributes","type":"library","description":"A Prettier plugin that automatically organizes HTML attributes in Angular, Vue, and plain HTML files. Version 1.0.1 requires Prettier ^3.0.0 and Node >=14.0.0. It groups attributes using RegExps or predefined presets (e.g., HTML, Angular, Vue, Code-Guide) and supports sorting within groups in ascending or descending order. Unlike alternative attribute formatters, it integrates directly into Prettier's workflow with zero configuration for common frameworks. Ships with TypeScript typings.","language":"javascript","status":"active","last_verified":"Sat Apr 25","install":{"commands":["npm install squidex-prettier-plugin-organize-attributes"],"cli":null},"imports":["// No explicit import needed; add to .prettierrc plugins array\n{\n  \"plugins\": [\"prettier-plugin-organize-attributes\"]\n}"],"auth":{"required":false,"env_vars":[]},"links":{"homepage":null,"github":"https://github.com/NiklasPor/prettier-plugin-organize-attributes","docs":null,"changelog":null,"pypi":null,"npm":"https://www.npmjs.com/package/squidex-prettier-plugin-organize-attributes","openapi_spec":null,"status_page":null,"smithery":null},"quickstart":{"code":"// 1. Install\n// npm i prettier prettier-plugin-organize-attributes -D\n\n// 2. Configure .prettierrc\n{\n  \"plugins\": [\"prettier-plugin-organize-attributes\"],\n  \"attributeGroups\": [\"^class$\", \"^(id|name)$\", \"$DEFAULT\"],\n  \"attributeSort\": \"ASC\"\n}\n\n// 3. Run Prettier\n// Input: <div id=\"id\" name=\"name\" class=\"class\" custom=\"custom\"></div>\n// Output: <div class=\"class\" id=\"id\" name=\"name\" custom=\"custom\"></div>","lang":"javascript","description":"Installs and configures the plugin to organize HTML attributes in Prettier, grouping by regex and sorting alphabetically.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}