chore: prettier

apps/extensions/.prettierrc.cjs

@@ -2,16 +2,16 @@
  * @type {import('prettier').Options}
  */
 module.exports = {
-  printWidth: 80,
-  tabWidth: 2,
-  useTabs: false,
-  semi: false,
-  singleQuote: false,
-  trailingComma: "none",
-  bracketSpacing: true,
-  bracketSameLine: true,
-  plugins: [require.resolve("@plasmohq/prettier-plugin-sort-imports")],
-  importOrder: ["^@plasmohq/(.*)$", "^~(.*)$", "^[./]"],
-  importOrderSeparation: true,
-  importOrderSortSpecifiers: true
-}
+	printWidth: 120,
+	tabWidth: 4,
+	useTabs: true,
+	semi: true,
+	singleQuote: true,
+	trailingComma: 'none',
+	bracketSpacing: true,
+	bracketSameLine: true,
+	plugins: [require.resolve('@plasmohq/prettier-plugin-sort-imports')],
+	importOrder: ['^@plasmohq/(.*)$', '^~(.*)$', '^[./]'],
+	importOrderSeparation: true,
+	importOrderSortSpecifiers: true
+};

apps/mobile/.prettierrc

@@ -0,0 +1,27 @@
+{
+	"printWidth": 120,
+	"singleQuote": true,
+	"semi": true,
+	"useTabs": true,
+	"tabWidth": 4,
+	"arrowParens": "always",
+	"trailingComma": "none",
+	"quoteProps": "as-needed",
+	"trimTrailingWhitespace": true,
+	"overrides": [
+		{
+			"files": "*.scss",
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2
+			}
+		},
+		{
+			"files": "*.yml",
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2
+			}
+		}
+	]
+}

apps/web/.prettierrc

@@ -1,6 +1,27 @@
 {
+	"printWidth": 120,
 	"singleQuote": true,
-	"trailingComma": "none",
+	"semi": true,
 	"useTabs": true,
-	"tabWidth": 2
+	"tabWidth": 4,
+	"arrowParens": "always",
+	"trailingComma": "none",
+	"quoteProps": "as-needed",
+	"trimTrailingWhitespace": true,
+	"overrides": [
+		{
+			"files": "*.scss",
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2
+			}
+		},
+		{
+			"files": "*.yml",
+			"options": {
+				"useTabs": false,
+				"tabWidth": 2
+			}
+		}
+	]
 }

package.json

@@ -50,7 +50,10 @@
 		"lint-fix:scss": "cd apps/web && stylelint **/*.{scss,css} --fix",
 		"e2e": "yarn run postinstall.web && yarn run config:dev && yarn ng e2e --browser chrome",
 		"e2e:ci": "yarn run postinstall.web && yarn run config:prod && yarn --frozen-lockfile --cache-folder ~/.cache/yarn ng:ci e2e -c=production --prod --headless",
-		"prettier": "cd apps/web && prettier --write **/*.{js,jsx,ts,tsx,scss,css} --config ./.prettierrc",
+		"prettier": "yarn prettier:web && yarn prettier:mobile && yarn prettier:extensions",
+		"prettier:extensions": "cd apps/extensions && prettier --write **/*.{js,jsx,ts,tsx,scss,css} --config ./.prettierrc.cjs",
+		"prettier:web": "cd apps/web && prettier --write **/*.{js,jsx,ts,tsx,scss,css} --config ./.prettierrc",
+		"prettier:mobile": "cd apps/mobile && prettier --write **/*.{js,jsx,ts,tsx,scss,css} --config ./.prettierrc",
 		"postinstall": "lerna bootstrap",
 		"precommit": "yarn lint-fix && yarn lint-fix:scss && yarn prettier",
 		"affected:apps": "yarn nx affected:apps",