update code to use prettier plugin

.gitignore

@@ -3,6 +3,7 @@
 !/.yarn/plugins
 !/.yarn/releases
 !/.yarn/sdks
+!/.yarn/versions
 
 # Swap the comments on the following lines if you don't wish to use zero-installs
 # Documentation here: https://yarnpkg.com/features/zero-installs
@@ -11,4 +12,4 @@
 
 /node_modules
 .eslintcache
-/.vscode
+/.vscode

README.md

@@ -5,6 +5,8 @@
 
 ## Usage
 
+### eslint.config.js
+
 ```js
 import { baseConfig, reactConfig } from "@20i/eslint-config"
 import pluginQuery from "@tanstack/eslint-plugin-query"
@@ -46,6 +48,25 @@ export default tsEslint.config(
 )
 ```
 
+### prettier.config.js
+
+We can share prettier configs now! 🎉
+
+```js
+import sharedConfig from "@20i/eslint-config/prettier.config"
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  ...sharedConfig,
+  // override any shared config here
+  arrowParens: "avoid",
+}
+
+export default config
+```
+
 ## Configure VS Code
 
 [1]: https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint
@@ -149,6 +170,7 @@ npx mrm eslint --preset @20i/mrm-preset
    {
      "endOfLine": "auto",
      "semi": false,
-     "trailingComma": "es5"
+     "trailingComma": "es5",
+     "plugins": ["prettier-plugin-organize-imports"]
    }
    ```

eslint.config.js

@@ -1,9 +1,9 @@
 // @ts-check
 
-import globals from "globals"
 import eslint from "@eslint/js"
-import tsEslint from "typescript-eslint"
 import eslintPluginPrettierRecommended from "eslint-plugin-prettier/recommended"
+import globals from "globals"
+import tsEslint from "typescript-eslint"
 
 export default tsEslint.config(
   eslint.configs.recommended,

package.json

@@ -1,12 +1,13 @@
 {
   "name": "@20i/eslint-config",
-  "version": "4.0.0-rc.1",
+  "version": "4.0.0",
   "description": "ESLint and Prettier Config for Twenty Ideas",
   "main": "index.js",
   "exports": {
     "./react": "./react.js",
     "./react-native": "./react-native.js",
-    ".": "./index.js"
+    ".": "./index.js",
+    "./prettier.config": "./prettier.config.js"
   },
   "type": "module",
   "author": "Greg McKelvey <[email protected]>",
@@ -35,7 +36,7 @@
     "react.js",
     "react-native.js",
     "tsconfig.json",
-    ".prettierrc",
+    "prettier.config.js",
     "*.d.ts"
   ],
   "packageManager": "[email protected]",

prettier.config.d.ts

@@ -0,0 +1,5 @@
+import type { Config } from "prettier"
+
+declare const config: Config
+
+export default config

prettier.config.js

@@ -0,0 +1,12 @@
+/**
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
+ */
+const config = {
+  endOfLine: "auto",
+  semi: false,
+  trailingComma: "es5",
+  plugins: ["prettier-plugin-organize-imports"],
+}
+
+export default config

react-native.js

@@ -1,8 +1,8 @@
+import { FlatCompat } from "@eslint/eslintrc"
 import reactConfig from "eslint-plugin-react"
+import reactNative from "eslint-plugin-react-native"
 import globals from "globals"
-import { FlatCompat } from "@eslint/eslintrc"
 import tsEslint from "typescript-eslint"
-import reactNative from "eslint-plugin-react-native"
 
 const compat = new FlatCompat()
 

react.js

@@ -1,7 +1,7 @@
-import reactConfig from "eslint-plugin-react"
+import { FlatCompat } from "@eslint/eslintrc"
 import jsxA11y from "eslint-plugin-jsx-a11y"
+import reactConfig from "eslint-plugin-react"
 import globals from "globals"
-import { FlatCompat } from "@eslint/eslintrc"
 import tsEslint from "typescript-eslint"
 
 const compat = new FlatCompat()