prettier package 생성

.prettierrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+  ...require("./packages/prettier-config/index.json"),
+};

.vscode/settings.json

@@ -11,5 +11,13 @@
   "typescript.tsdk": ".yarn/sdks/typescript/lib",
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
-  "exportall.config.folderListener": []
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "exportall.config.folderListener": [],
+  "[typescriptreact]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  },
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

apps/jurumarble/.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-  "eslint.nodePath": "../../.yarn/sdks"
+  "eslint.nodePath": "../../.yarn/sdks",
+  "prettier.prettierPath": "../../.yarn/sdks/prettier/index.js",
 }

apps/jurumarble/package.json

@@ -48,6 +48,7 @@
     "@types/styled-components": "^5",
     "eslint": "^8.51.0",
     "eslint-config-mogakko": "workspace:*",
+    "prettier": "^2.8.1",
     "typescript": "4.9.3",
     "typescript-plugin-css-modules": "^5.0.2"
   }

apps/jurumarble/src/components/divide/DivideLine.tsx

@@ -1,4 +1,4 @@
-import styled from "styled-components";
+import styled from 'styled-components';
 
 function DivideLine() {
   return <Line />;

apps/jurumarble/src/components/layouts/PageLayout.tsx

@@ -1,11 +1,11 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 
-import { getClassNames } from "lib/styles/getClassNames";
+import { getClassNames } from 'lib/styles/getClassNames';
 
-import styles from "./styles.module.css";
+import styles from './styles.module.css';
 
 const cx = getClassNames(styles);
 
 export const PageLayout = ({ children }: PropsWithChildren) => {
-  return <div className={cx("rootlayout")}>{children}</div>;
+  return <div className={cx('rootlayout')}>{children}</div>;
 };

package.json

@@ -3,7 +3,11 @@
   "private": true,
   "scripts": {
     "chooz": "yarn workspace @monorepo/chooz",
-    "juma": "yarn workspace @monorepo/jurumarble"
+    "juma": "yarn workspace @monorepo/jurumarble",
+    "eslint": "yarn workspaces foreach -pi run eslint",
+    "eslint:fix": "yarn workspaces foreach -pi run eslint:fix --cache",
+    "prettier": "yarn workspaces foreach -pi run prettier",
+    "prettier:fix": "yarn workspaces foreach -pi run prettier:fix --cache"
   },
   "workspaces": {
     "packages": [
@@ -16,6 +20,7 @@
     "styled-components": "^5.3.6"
   },
   "devDependencies": {
+    "@mogakko/prettier-config": "workspace:*",
     "eslint": "^8.51.0",
     "prettier": "^2.8.1",
     "typescript": "4.9.3"

packages/prettier-config/index.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "http://json.schemastore.org/prettierrc",
+  "printWidth": 80,
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "quoteProps": "consistent",
+  "bracketSameLine": false,
+  "useTabs": false
+}

packages/prettier-config/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@mogakko/prettier-config",
+  "version": "1.0.0",
+  "description": "prettier config",
+  "main": "index.js",
+  "license": "MIT"
+}

yarn.lock

@@ -1678,6 +1678,12 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@mogakko/prettier-config@workspace:*, @mogakko/prettier-config@workspace:packages/prettier-config":
+  version: 0.0.0-use.local
+  resolution: "@mogakko/prettier-config@workspace:packages/prettier-config"
+  languageName: unknown
+  linkType: soft
+
 "@monorepo/chooz@workspace:apps/chooz":
   version: 0.0.0-use.local
   resolution: "@monorepo/chooz@workspace:apps/chooz"
@@ -1747,6 +1753,7 @@ __metadata:
     eslint: ^8.51.0
     eslint-config-mogakko: "workspace:*"
     next: ^13.5.3
+    prettier: ^2.8.1
     react: 18.2.0
     react-dom: 18.2.0
     react-is: ^18.2.0
@@ -6212,6 +6219,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "monorepo@workspace:."
   dependencies:
+    "@mogakko/prettier-config": "workspace:*"
     eslint: ^8.51.0
     prettier: ^2.8.1
     styled-components: ^5.3.6