@bytenote/prettier-config/prettier.config.js

Reusable Prettier configuration

const PREFIXES_WITH_SLASH = ['@', '~', '#'];
const PREFIXES_WITHOUT_SLASH = ['#'];

/**
 * @type {import('prettier').Config}
 * @see https://prettier.io/docs/en/configuration.html
 */
const config = {
    printWidth: 80,
    tabWidth: 4,
    useTabs: false,
    semi: true,
    singleQuote: true,
    quoteProps: 'consistent',
    jsxSingleQuote: false,
    trailingComma: 'es5',
    bracketSpacing: true,
    bracketSameLine: false,
    arrowParens: 'always',
    endOfLine: 'lf',
    plugins: [
        '@ianvs/prettier-plugin-sort-imports',
        'prettier-plugin-jsdoc',
        'prettier-plugin-tailwindcss', // MUST come last
    ].map(require.resolve),
    importOrder: [
        '^react$',
        '^solid-js.*',
        '^@solid-primitives.*',
        '<BUILTIN_MODULES>',
        '<THIRD_PARTY_MODULES>',
        `^[${PREFIXES_WITH_SLASH.join('')}]/.*$`,
        `^[${PREFIXES_WITHOUT_SLASH.join('')}].*$`,
        '^(?!.*[.]css$)[./].*$',
        '[.]css$',
    ],
    importOrderParserPlugins: ['typescript', 'jsx', 'decorators-legacy'],
    importOrderTypeScriptVersion: '5.9.3',
    jsdocCommentLineStrategy: 'multiline',
    jsdocSeparateReturnsFromParam: true,
};

module.exports = config;