Configuration options for the Oxfmt.
Most options are the same as Prettier's options, but not all of them. In addition, some options are our own extensions.
arrowParens
type: "always" | "avoid"
Include parentheses around a sole arrow function parameter.
- Default:
"always"
bracketSameLine
type: boolean
Put the > of a multi-line HTML (HTML, JSX, Vue, Angular) element at the end of the last line, instead of being alone on the next line (does not apply to self closing elements).
- Default:
false
bracketSpacing
type: boolean
Print spaces between brackets in object literals.
- Default:
true
embeddedLanguageFormatting
type: "auto" | "off"
Control whether to format embedded parts (For example, CSS-in-JS, or JS-in-Vue, etc.) in the file.
NOTE: XXX-in-JS support is incomplete. JS-in-XXX is fully supported but still be handled by Prettier.
- Default:
"auto"
endOfLine
type: "lf" | "crlf" | "cr"
Which end of line characters to apply.
NOTE: "auto" is not supported.
- Default:
"lf" - Overrides
.editorconfig.end_of_line
experimentalSortImports
type: object
Experimental: Sort import statements.
Using the similar algorithm as eslint-plugin-perfectionist/sort-imports. For details, see each field's documentation.
- Default: Disabled
experimentalSortImports.customGroups
type: array
Define your own groups for matching very specific imports.
The customGroups list is ordered: The first definition that matches an element will be used. Custom groups have a higher priority than any predefined group.
If you want a predefined group to take precedence over a custom group, you must write a custom group definition that does the same as what the predefined group does, and put it first in the list.
- Default:
[]
experimentalSortImports.customGroups[n]
type: object
experimentalSortImports.customGroups[n].elementNamePattern
type: string[]
default: []
List of import name prefixes to match for this group.
experimentalSortImports.customGroups[n].groupName
type: string
default: ""
Name of the custom group, used in the groups option.
experimentalSortImports.groups
type: array
Specifies a list of predefined import groups for sorting.
Each import will be assigned a single group specified in the groups option (or the unknown group if no match is found). The order of items in the groups option determines how groups are ordered.
Within a given group, members will be sorted according to the type, order, ignoreCase, etc. options.
Individual groups can be combined together by placing them in an array. The order of groups in that array does not matter. All members of the groups in the array will be sorted together as if they were part of a single group.
Predefined groups are characterized by a single selector and potentially multiple modifiers. You may enter modifiers in any order, but the selector must always come at the end.
The list of selectors is sorted from most to least important:
type— TypeScript type imports.side-effect-style— Side effect style imports.side-effect— Side effect imports.style— Style imports.index— Main file from the current directory.sibling— Modules from the same directory.parent— Modules from the parent directory.subpath— Node.js subpath imports.internal— Your internal modules.builtin— Node.js Built-in Modules.external— External modules installed in the project.import— Any import.
The list of modifiers is sorted from most to least important:
side-effect— Side effect imports.type— TypeScript type imports.value— Value imports.default— Imports containing the default specifier.wildcard— Imports containing the wildcard (* as) specifier.named— Imports containing at least one named specifier.multiline— Imports on multiple lines.singleline— Imports on a single line.
See also https://perfectionist.dev/rules/sort-imports#groups for details.
- Default: See below
[
"type-import",
["value-builtin", "value-external"],
"type-internal",
"value-internal",
["type-parent", "type-sibling", "type-index"],
["value-parent", "value-sibling", "value-index"],
"unknown"
]experimentalSortImports.groups[n]
type: array | string
experimentalSortImports.groups[n][n]
type: string
experimentalSortImports.ignoreCase
type: boolean
Specifies whether sorting should be case-sensitive.
- Default:
true
experimentalSortImports.internalPattern
type: string[]
Specifies a prefix for identifying internal imports.
This is useful for distinguishing your own modules from external dependencies.
- Default:
["~/", "@/"]
experimentalSortImports.newlinesBetween
type: boolean
Specifies whether to add newlines between groups.
When false, no newlines are added between groups.
- Default:
true
experimentalSortImports.order
type: "asc" | "desc"
Specifies whether to sort items in ascending or descending order.
- Default:
"asc"
experimentalSortImports.partitionByComment
type: boolean
Enables the use of comments to separate imports into logical groups.
When true, all comments will be treated as delimiters, creating partitions.
import { b1, b2 } from "b";
// PARTITION
import { a } from "a";
import { c } from "c";- Default:
false
experimentalSortImports.partitionByNewline
type: boolean
Enables the empty line to separate imports into logical groups.
When true, formatter will not sort imports if there is an empty line between them. This helps maintain the defined order of logically separated groups of members.
import { b1, b2 } from "b";
import { a } from "a";
import { c } from "c";- Default:
false
experimentalSortImports.sortSideEffects
type: boolean
Specifies whether side effect imports should be sorted.
By default, sorting side-effect imports is disabled for security reasons.
- Default:
false
experimentalSortPackageJson
type: object | boolean
Experimental: Sort package.json keys.
The algorithm is NOT compatible with prettier-plugin-sort-packagejson. But we believe it is clearer and easier to navigate. For details, see each field's documentation.
- Default:
true
experimentalSortPackageJson.sortScripts
type: boolean
Sort the scripts field alphabetically.
- Default:
false
experimentalTailwindcss
type: object
Experimental: Sort Tailwind CSS classes.
Using the same algorithm as prettier-plugin-tailwindcss. Option names omit the tailwind prefix used in the original plugin (e.g., config instead of tailwindConfig). For details, see each field's documentation.
- Default: Disabled
experimentalTailwindcss.attributes
type: string[]
List of additional attributes to sort beyond class and className (exact match).
NOTE: Regex patterns are not yet supported.
- Default:
[] - Example:
["myClassProp", ":class"]
experimentalTailwindcss.config
type: string
Path to your Tailwind CSS configuration file (v3).
NOTE: Paths are resolved relative to the Oxfmt configuration file.
- Default: Automatically find
"tailwind.config.js"
experimentalTailwindcss.functions
type: string[]
List of custom function names whose arguments should be sorted (exact match).
NOTE: Regex patterns are not yet supported.
- Default:
[] - Example:
["clsx", "cn", "cva", "tw"]
experimentalTailwindcss.preserveDuplicates
type: boolean
Preserve duplicate classes.
- Default:
false
experimentalTailwindcss.preserveWhitespace
type: boolean
Preserve whitespace around classes.
- Default:
false
experimentalTailwindcss.stylesheet
type: string
Path to your Tailwind CSS stylesheet (v4).
NOTE: Paths are resolved relative to the Oxfmt configuration file.
- Default: Installed Tailwind CSS's
theme.css
htmlWhitespaceSensitivity
type: "css" | "strict" | "ignore"
Specify the global whitespace sensitivity for HTML, Vue, Angular, and Handlebars.
- Default:
"css"
ignorePatterns
type: string[]
Ignore files matching these glob patterns. Patterns are based on the location of the Oxfmt configuration file.
- Default:
[]
insertFinalNewline
type: boolean
Whether to insert a final newline at the end of the file.
- Default:
true - Overrides
.editorconfig.insert_final_newline
jsxSingleQuote
type: boolean
Use single quotes instead of double quotes in JSX.
- Default:
false
objectWrap
type: "preserve" | "collapse"
How to wrap object literals when they could fit on one line or span multiple lines.
By default, formats objects as multi-line if there is a newline prior to the first property. Authors can use this heuristic to contextually improve readability, though it has some downsides.
- Default:
"preserve"
overrides
type: array
File-specific overrides. When a file matches multiple overrides, the later override takes precedence (array order matters).
- Default:
[]
overrides[n]
type: object
overrides[n].excludeFiles
type: string[]
Glob patterns to exclude from this override.
overrides[n].files
type: string[]
Glob patterns to match files for this override. All patterns are relative to the Oxfmt configuration file.
overrides[n].options
type: object
overrides[n].options.arrowParens
type: "always" | "avoid"
Include parentheses around a sole arrow function parameter.
- Default:
"always"
overrides[n].options.bracketSameLine
type: boolean
Put the > of a multi-line HTML (HTML, JSX, Vue, Angular) element at the end of the last line, instead of being alone on the next line (does not apply to self closing elements).
- Default:
false
overrides[n].options.bracketSpacing
type: boolean
Print spaces between brackets in object literals.
- Default:
true
overrides[n].options.embeddedLanguageFormatting
type: "auto" | "off"
Control whether to format embedded parts (For example, CSS-in-JS, or JS-in-Vue, etc.) in the file.
NOTE: XXX-in-JS support is incomplete. JS-in-XXX is fully supported but still be handled by Prettier.
- Default:
"auto"
overrides[n].options.endOfLine
type: "lf" | "crlf" | "cr"
Which end of line characters to apply.
NOTE: "auto" is not supported.
- Default:
"lf" - Overrides
.editorconfig.end_of_line
overrides[n].options.experimentalSortImports
type: object
Experimental: Sort import statements.
Using the similar algorithm as eslint-plugin-perfectionist/sort-imports. For details, see each field's documentation.
- Default: Disabled
overrides[n].options.experimentalSortImports.customGroups
type: array
Define your own groups for matching very specific imports.
The customGroups list is ordered: The first definition that matches an element will be used. Custom groups have a higher priority than any predefined group.
If you want a predefined group to take precedence over a custom group, you must write a custom group definition that does the same as what the predefined group does, and put it first in the list.
- Default:
[]
####### overrides[n].options.experimentalSortImports.customGroups[n]
type: object
######## overrides[n].options.experimentalSortImports.customGroups[n].elementNamePattern
type: string[]
default: []
List of import name prefixes to match for this group.
######## overrides[n].options.experimentalSortImports.customGroups[n].groupName
type: string
default: ""
Name of the custom group, used in the groups option.
overrides[n].options.experimentalSortImports.groups
type: array
Specifies a list of predefined import groups for sorting.
Each import will be assigned a single group specified in the groups option (or the unknown group if no match is found). The order of items in the groups option determines how groups are ordered.
Within a given group, members will be sorted according to the type, order, ignoreCase, etc. options.
Individual groups can be combined together by placing them in an array. The order of groups in that array does not matter. All members of the groups in the array will be sorted together as if they were part of a single group.
Predefined groups are characterized by a single selector and potentially multiple modifiers. You may enter modifiers in any order, but the selector must always come at the end.
The list of selectors is sorted from most to least important:
type— TypeScript type imports.side-effect-style— Side effect style imports.side-effect— Side effect imports.style— Style imports.index— Main file from the current directory.sibling— Modules from the same directory.parent— Modules from the parent directory.subpath— Node.js subpath imports.internal— Your internal modules.builtin— Node.js Built-in Modules.external— External modules installed in the project.import— Any import.
The list of modifiers is sorted from most to least important:
side-effect— Side effect imports.type— TypeScript type imports.value— Value imports.default— Imports containing the default specifier.wildcard— Imports containing the wildcard (* as) specifier.named— Imports containing at least one named specifier.multiline— Imports on multiple lines.singleline— Imports on a single line.
See also https://perfectionist.dev/rules/sort-imports#groups for details.
- Default: See below
[
"type-import",
["value-builtin", "value-external"],
"type-internal",
"value-internal",
["type-parent", "type-sibling", "type-index"],
["value-parent", "value-sibling", "value-index"],
"unknown"
]####### overrides[n].options.experimentalSortImports.groups[n]
type: array | string
######## overrides[n].options.experimentalSortImports.groups[n][n]
type: string
overrides[n].options.experimentalSortImports.ignoreCase
type: boolean
Specifies whether sorting should be case-sensitive.
- Default:
true
overrides[n].options.experimentalSortImports.internalPattern
type: string[]
Specifies a prefix for identifying internal imports.
This is useful for distinguishing your own modules from external dependencies.
- Default:
["~/", "@/"]
overrides[n].options.experimentalSortImports.newlinesBetween
type: boolean
Specifies whether to add newlines between groups.
When false, no newlines are added between groups.
- Default:
true
overrides[n].options.experimentalSortImports.order
type: "asc" | "desc"
Specifies whether to sort items in ascending or descending order.
- Default:
"asc"
overrides[n].options.experimentalSortImports.partitionByComment
type: boolean
Enables the use of comments to separate imports into logical groups.
When true, all comments will be treated as delimiters, creating partitions.
import { b1, b2 } from "b";
// PARTITION
import { a } from "a";
import { c } from "c";- Default:
false
overrides[n].options.experimentalSortImports.partitionByNewline
type: boolean
Enables the empty line to separate imports into logical groups.
When true, formatter will not sort imports if there is an empty line between them. This helps maintain the defined order of logically separated groups of members.
import { b1, b2 } from "b";
import { a } from "a";
import { c } from "c";- Default:
false
overrides[n].options.experimentalSortImports.sortSideEffects
type: boolean
Specifies whether side effect imports should be sorted.
By default, sorting side-effect imports is disabled for security reasons.
- Default:
false
overrides[n].options.experimentalSortPackageJson
type: object | boolean
Experimental: Sort package.json keys.
The algorithm is NOT compatible with prettier-plugin-sort-packagejson. But we believe it is clearer and easier to navigate. For details, see each field's documentation.
- Default:
true
overrides[n].options.experimentalSortPackageJson.sortScripts
type: boolean
Sort the scripts field alphabetically.
- Default:
false
overrides[n].options.experimentalTailwindcss
type: object
Experimental: Sort Tailwind CSS classes.
Using the same algorithm as prettier-plugin-tailwindcss. Option names omit the tailwind prefix used in the original plugin (e.g., config instead of tailwindConfig). For details, see each field's documentation.
- Default: Disabled
overrides[n].options.experimentalTailwindcss.attributes
type: string[]
List of additional attributes to sort beyond class and className (exact match).
NOTE: Regex patterns are not yet supported.
- Default:
[] - Example:
["myClassProp", ":class"]
overrides[n].options.experimentalTailwindcss.config
type: string
Path to your Tailwind CSS configuration file (v3).
NOTE: Paths are resolved relative to the Oxfmt configuration file.
- Default: Automatically find
"tailwind.config.js"
overrides[n].options.experimentalTailwindcss.functions
type: string[]
List of custom function names whose arguments should be sorted (exact match).
NOTE: Regex patterns are not yet supported.
- Default:
[] - Example:
["clsx", "cn", "cva", "tw"]
overrides[n].options.experimentalTailwindcss.preserveDuplicates
type: boolean
Preserve duplicate classes.
- Default:
false
overrides[n].options.experimentalTailwindcss.preserveWhitespace
type: boolean
Preserve whitespace around classes.
- Default:
false
overrides[n].options.experimentalTailwindcss.stylesheet
type: string
Path to your Tailwind CSS stylesheet (v4).
NOTE: Paths are resolved relative to the Oxfmt configuration file.
- Default: Installed Tailwind CSS's
theme.css
overrides[n].options.htmlWhitespaceSensitivity
type: "css" | "strict" | "ignore"
Specify the global whitespace sensitivity for HTML, Vue, Angular, and Handlebars.
- Default:
"css"
overrides[n].options.insertFinalNewline
type: boolean
Whether to insert a final newline at the end of the file.
- Default:
true - Overrides
.editorconfig.insert_final_newline
overrides[n].options.jsxSingleQuote
type: boolean
Use single quotes instead of double quotes in JSX.
- Default:
false
overrides[n].options.objectWrap
type: "preserve" | "collapse"
How to wrap object literals when they could fit on one line or span multiple lines.
By default, formats objects as multi-line if there is a newline prior to the first property. Authors can use this heuristic to contextually improve readability, though it has some downsides.
- Default:
"preserve"
overrides[n].options.printWidth
type: integer
Specify the line length that the printer will wrap on.
If you don't want line wrapping when formatting Markdown, you can set the proseWrap option to disable it.
- Default:
100 - Overrides
.editorconfig.max_line_length
overrides[n].options.proseWrap
type: "always" | "never" | "preserve"
How to wrap prose.
By default, formatter will not change wrapping in markdown text since some services use a linebreak-sensitive renderer, e.g. GitHub comments and BitBucket. To wrap prose to the print width, change this option to "always". If you want to force all prose blocks to be on a single line and rely on editor/viewer soft wrapping instead, you can use "never".
- Default:
"preserve"
overrides[n].options.quoteProps
type: "as-needed" | "consistent" | "preserve"
Change when properties in objects are quoted.
- Default:
"as-needed"
overrides[n].options.semi
type: boolean
Print semicolons at the ends of statements.
- Default:
true
overrides[n].options.singleAttributePerLine
type: boolean
Enforce single attribute per line in HTML, Vue, and JSX.
- Default:
false
overrides[n].options.singleQuote
type: boolean
Use single quotes instead of double quotes.
For JSX, you can set the jsxSingleQuote option.
- Default:
false
overrides[n].options.tabWidth
type: integer
Specify the number of spaces per indentation-level.
- Default:
2 - Overrides
.editorconfig.indent_size
overrides[n].options.trailingComma
type: "all" | "es5" | "none"
Print trailing commas wherever possible in multi-line comma-separated syntactic structures.
A single-line array, for example, never gets trailing commas.
- Default:
"all"
overrides[n].options.useTabs
type: boolean
Indent lines with tabs instead of spaces.
- Default:
false - Overrides
.editorconfig.indent_style
overrides[n].options.vueIndentScriptAndStyle
type: boolean
Whether or not to indent the code inside <script> and <style> tags in Vue files.
- Default:
false
printWidth
type: integer
Specify the line length that the printer will wrap on.
If you don't want line wrapping when formatting Markdown, you can set the proseWrap option to disable it.
- Default:
100 - Overrides
.editorconfig.max_line_length
proseWrap
type: "always" | "never" | "preserve"
How to wrap prose.
By default, formatter will not change wrapping in markdown text since some services use a linebreak-sensitive renderer, e.g. GitHub comments and BitBucket. To wrap prose to the print width, change this option to "always". If you want to force all prose blocks to be on a single line and rely on editor/viewer soft wrapping instead, you can use "never".
- Default:
"preserve"
quoteProps
type: "as-needed" | "consistent" | "preserve"
Change when properties in objects are quoted.
- Default:
"as-needed"
semi
type: boolean
Print semicolons at the ends of statements.
- Default:
true
singleAttributePerLine
type: boolean
Enforce single attribute per line in HTML, Vue, and JSX.
- Default:
false
singleQuote
type: boolean
Use single quotes instead of double quotes.
For JSX, you can set the jsxSingleQuote option.
- Default:
false
tabWidth
type: integer
Specify the number of spaces per indentation-level.
- Default:
2 - Overrides
.editorconfig.indent_size
trailingComma
type: "all" | "es5" | "none"
Print trailing commas wherever possible in multi-line comma-separated syntactic structures.
A single-line array, for example, never gets trailing commas.
- Default:
"all"
useTabs
type: boolean
Indent lines with tabs instead of spaces.
- Default:
false - Overrides
.editorconfig.indent_style
vueIndentScriptAndStyle
type: boolean
Whether or not to indent the code inside <script> and <style> tags in Vue files.
- Default:
false
