Files
api/web/.prettierrc.mjs
Michael Datelle ab11e7ff7f feat: add tailwind class sort plugin (#1562)
<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->
## Summary by CodeRabbit

* **Chores**
* Updated code formatting tools to include support for Tailwind
CSS-specific formatting.
* Adjusted code formatting issue reporting from errors to warnings for a
smoother development experience.
<!-- end of auto-generated comment: release notes by coderabbit.ai -->

---------

Co-authored-by: mdatelle <mike@datelle.net>
Co-authored-by: Eli Bosley <ekbosley@gmail.com>
2025-08-27 16:26:09 -04:00

56 lines
1.2 KiB
JavaScript

/**
* @see https://prettier.io/docs/en/configuration.html
* @type {import("prettier").Config}
*/
const config = {
trailingComma: 'es5',
tabWidth: 2,
printWidth: 105,
singleQuote: true,
plugins: ['@ianvs/prettier-plugin-sort-imports', 'prettier-plugin-tailwindcss'],
// decorators-legacy lets the import sorter transform files with decorators
importOrderParserPlugins: ['typescript', 'decorators-legacy'],
importOrder: [
/**----------------------
* Style imports
*------------------------**/
'^tailwindcss',
'^~/assets',
'',
/**----------------------
* Vue & Framework
*------------------------**/
'^vue$',
'^vue-i18n$',
'^vue-router$',
'^pinia$',
'^@vue',
'^@nuxt',
'',
/**----------------------
* Third party
*------------------------**/
'^@heroicons',
'^@unraid/ui',
'<THIRD_PARTY_MODULES>',
'',
/**----------------------
* Types
*------------------------**/
'<TYPES>^@/types',
'<TYPES>^[.]',
'<TYPES>',
'',
/**----------------------
* Local imports
*------------------------**/
'^~/components',
'^~/composables',
'^~/store',
'^~/utils',
'^[.]',
],
};
export default config;