devtools/prettier.config.js at main · montasim/devtools · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/** @type {import('prettier').Config} */
module.exports = {
    // Format options
    semi: true,
    singleQuote: true,
    tabWidth: 2,
    trailingComma: 'es5',
    arrowParens: 'always',
    endOfLine: 'lf',
    printWidth: 100,

    // Plugins
    plugins: ['prettier-plugin-tailwindcss'],

    // File type specific formatting rules
    overrides: [
        {
            // JavaScript/TypeScript files
            files: '*.{js,jsx,ts,tsx,mjs,cjs}',
            options: {
                parser: 'typescript',
            },
        },
        {
            // JSON files
            files: '*.json',
            options: {
                trailingComma: 'es5',
            },
        },
        {
            // CSS/SCSS files
            files: '*.{css,scss,sass,less}',
            options: {
                singleQuote: false,
            },
        },
        {
            // Markdown files
            files: '*.md',
            options: {
                proseWrap: 'preserve',
            },
        },
        {
            // HTML-like files
            files: '*.{html,htm}',
            options: {
                printWidth: 120,
            },
        },
        {
            // Package.json (special handling)
            files: 'package.json',
            options: {
                tabWidth: 2,
            },
        },
        {
            // Tailwind CSS files
            files: ['*.css', '*.scss'],
            options: {
                plugins: ['prettier-plugin-tailwindcss'],
            },
        },
    ],
};