Start using a formatter (Prettier or BiomeJS)

[syrokomskyi]

I like OnceUI's architecture and have started working with it on a new NextJS project. Some changes came up and I want to contribute them to open source. But my VS Code uses a formatter, and this formatter (I tried Prettier and BiomeJS) reformats your code. Please note which formatter and options to it you use for development.

And thanks for a good product! You have indeed done a great job.

[lorant-one]

it's a pleasure to hear you're using Once UI and enjoying it so far @syrokomskyi! we haven't used anything for code formatting so far, but probably it's about time to settle with a standard for our project. you can get close to our formatting style with the following prettier settings:

{
  "arrowParens": "always",
  "bracketSameLine": true,
  "bracketSpacing": false,
  "semi": true,
  "experimentalTernaries": false,
  "singleQuote": false,
  "jsxSingleQuote": false,
  "quoteProps": "as-needed",
  "trailingComma": "all",
  "singleAttributePerLine": true,
  "htmlWhitespaceSensitivity": "css",
  "vueIndentScriptAndStyle": false,
  "proseWrap": "preserve",
  "insertPragma": false,
  "printWidth": 80,
  "requirePragma": false,
  "tabWidth": 4,
  "useTabs": true,
  "embeddedLanguageFormatting": "auto"
}

thank you for you contribution in advance, and feel free to propose changes to these settings! the best way to keep in touch with us is via Discord, but of course we're tracking and answering on all channels :)

[syrokomskyi]

When you choose, look at biomejs: for webdev it is better than Prettier.

[lorant-one]

thank you for the suggestion, will take a closer look!