add prettier

.eslintignore

@@ -0,0 +1,16 @@
+.DS_Store
+node_modules
+build
+public
+dist
+.next
+.svelte-kit
+.env
+.env.*
+!.env.example
+.git
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierignore

@@ -0,0 +1,16 @@
+.DS_Store
+node_modules
+build
+public
+dist
+.next
+.svelte-kit
+.env
+.env.*
+!.env.example
+.git
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

.prettierrc

@@ -0,0 +1,10 @@
+{
+	"semi": false,
+	"useTabs": true,
+	"singleQuote": false,
+	"trailingComma": "all",
+	"printWidth": 100,
+	"plugins": [],
+	"pluginSearchDirs": ["."],
+	"overrides": []
+}

apps/next/components/Layout.tsx

@@ -1,9 +1,7 @@
-import type { FunctionComponent, ReactNode } from 'react'
+import type { FunctionComponent, ReactNode } from "react"
 
 const Layout: FunctionComponent<{ children: ReactNode }> = ({ children }) => {
-  return (
-    <main>{children}</main>
-  )
+	return <main>{children}</main>
 }
 
 export default Layout

apps/next/x.eslintrc.js

@@ -0,0 +1,8 @@
+module.exports = {
+	...require("config/eslint-preset.js"),
+	parserOptions: {
+		tsconfigRootDir: __dirname,
+		project: "./tsconfig.json",
+	},
+	ignorePatterns: [".eslintrc.js"],
+}

package.json

@@ -1,49 +1,50 @@
 {
-  "name": "emiljohansson.dev",
-  "description": "Playground for Emil Johansson",
-  "version": "1.2.1",
-  "author": "[email protected]",
-  "keywords": [
-    "emil",
-    "johansson"
-  ],
-  "license": "MIT",
-  "scripts": {
-    "build": "turbo run build",
-    "export": "turbo run export",
-    "dev": "turbo run dev --parallel",
-    "start": "turbo run start",
-    "test": "turbo run test",
-    "test:ci": "start-server-and-test start http://localhost:3000 \"cypress run --headless --browser chrome\"",
-    "cy:run": "cypress run --headless --browser chrome",
-    "cy:open": "cypress open",
-    "lint": "turbo run lint"
-  },
-  "workspaces": [
-    "packages/*",
-    "apps/*"
-  ],
-  "dependencies": {
-    "@tailwindcss/typography": "0.5.4",
-    "autoprefixer": "10.4.2",
-    "postcss": "8.4.14",
-    "tailwindcss": "3.1.7"
-  },
-  "devDependencies": {
-    "@cypress-audit/lighthouse": "1.3.1",
-    "@types/jest": "27.4.0",
-    "@types/node": "18.0.1",
-    "@types/react": "18.0.15",
-    "@types/react-dom": "18.0.6",
-    "axe-core": "4.4.3",
-    "cypress": "12.1.0",
-    "cypress-axe": "1.2.0",
-    "husky": "8.0.1",
-    "jest": "27.5.1",
-    "start-server-and-test": "1.14.0",
-    "ts-jest": "27.1.3",
-    "turbo": "1.4.5",
-    "typescript": "4.8.2"
-  },
-  "packageManager": "[email protected]"
+	"name": "emiljohansson.dev",
+	"description": "Playground for Emil Johansson",
+	"version": "1.2.1",
+	"author": "[email protected]",
+	"keywords": [
+		"emil",
+		"johansson"
+	],
+	"license": "MIT",
+	"scripts": {
+		"build": "turbo run build",
+		"export": "turbo run export",
+		"dev": "turbo run dev --parallel",
+		"start": "turbo run start",
+		"test": "turbo run test",
+		"test:ci": "start-server-and-test start http://localhost:3000 \"cypress run --headless --browser chrome\"",
+		"cy:run": "cypress run --headless --browser chrome",
+		"cy:open": "cypress open",
+		"lint": "turbo run lint"
+	},
+	"workspaces": [
+		"packages/*",
+		"apps/*"
+	],
+	"dependencies": {
+		"@tailwindcss/typography": "0.5.4",
+		"autoprefixer": "10.4.2",
+		"postcss": "8.4.14",
+		"tailwindcss": "3.1.7"
+	},
+	"devDependencies": {
+		"@cypress-audit/lighthouse": "1.3.1",
+		"@types/jest": "27.4.0",
+		"@types/node": "18.0.1",
+		"@types/react": "18.0.15",
+		"@types/react-dom": "18.0.6",
+		"axe-core": "4.4.3",
+		"cypress": "12.1.0",
+		"cypress-axe": "1.2.0",
+		"husky": "8.0.1",
+		"jest": "27.5.1",
+		"prettier": "2.8.4",
+		"start-server-and-test": "1.14.0",
+		"ts-jest": "27.1.3",
+		"turbo": "1.4.5",
+		"typescript": "4.8.2"
+	},
+	"packageManager": "[email protected]"
 }

packages/config/eslint-preset.js

@@ -1,40 +1,32 @@
 module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-  },
-  settings: {
-    next: {
-      rootDir: ['apps/*/', 'packages/*/'],
-    },
-  },
-  extends: [
-    'standard',
-    'plugin:@typescript-eslint/recommended',
-  ],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  plugins: [
-    'react',
-    '@typescript-eslint',
-  ],
-  rules: {
-    'react/react-in-jsx-scope': 'off',
-    'import/no-anonymous-default-export': 'off',
-    'comma-dangle': ['error', 'always-multiline'],
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': ['error'],
-    '@typescript-eslint/no-explicit-any': 'error',
-    'func-call-spacing': 'off',
-    '@typescript-eslint/func-call-spacing': 'error',
-    indent: 'off',
-    '@typescript-eslint/indent': ['error', 2],
-    'jsx-quotes': ['error', 'prefer-double'],
-  },
+	env: {
+		browser: true,
+		es2021: true,
+	},
+	settings: {
+		next: {
+			rootDir: ["apps/*/", "packages/*/"],
+		},
+	},
+	extends: ["standard", "plugin:@typescript-eslint/recommended", "prettier"],
+	parser: "@typescript-eslint/parser",
+	parserOptions: {
+		ecmaFeatures: {
+			jsx: true,
+		},
+		ecmaVersion: "latest",
+		sourceType: "module",
+	},
+	plugins: ["react", "@typescript-eslint"],
+	// rules: {
+	// 	"react/react-in-jsx-scope": "off",
+	// 	"import/no-anonymous-default-export": "off",
+	// 	"comma-dangle": ["error", "always-multiline"],
+	// 	"no-unused-vars": "off",
+	// 	"@typescript-eslint/no-unused-vars": ["error"],
+	// 	"@typescript-eslint/no-explicit-any": "error",
+	// 	"func-call-spacing": "off",
+	// 	"@typescript-eslint/func-call-spacing": "error",
+	// 	"jsx-quotes": ["error", "prefer-double"],
+	// },
 }

packages/config/package.json

@@ -1,24 +1,25 @@
 {
-  "name": "config",
-  "version": "1.0.0",
-  "main": "eslint-preset.js",
-  "license": "MIT",
-  "dependencies": {
-    "next": "13.1.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0"
-  },
-  "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "5.10.0",
-    "@typescript-eslint/parser": "5.10.0",
-    "eslint": "8.23.0",
-    "eslint-config-next": "13.0.0",
-    "eslint-config-standard": "17.0.0",
-    "eslint-plugin-import": "2.25.4",
-    "eslint-plugin-n": "^15.2.0",
-    "eslint-plugin-node": "11.1.0",
-    "eslint-plugin-promise": "6.0.0",
-    "eslint-plugin-react": "7.28.0",
-    "typescript": "4.8.2"
-  }
+	"name": "config",
+	"version": "1.0.0",
+	"main": "eslint-preset.js",
+	"license": "MIT",
+	"dependencies": {
+		"next": "13.1.1",
+		"react": "18.2.0",
+		"react-dom": "18.2.0"
+	},
+	"devDependencies": {
+		"@typescript-eslint/eslint-plugin": "5.10.0",
+		"@typescript-eslint/parser": "5.10.0",
+		"eslint": "8.23.0",
+		"eslint-config-next": "13.0.0",
+		"eslint-config-standard": "17.0.0",
+		"eslint-plugin-import": "2.25.4",
+		"eslint-plugin-n": "^15.2.0",
+		"eslint-plugin-node": "11.1.0",
+		"eslint-config-prettier": "latest",
+		"eslint-plugin-promise": "6.0.0",
+		"eslint-plugin-react": "7.28.0",
+		"typescript": "4.8.2"
+	}
 }