fix: yarn PnP compatibility for vscode

Author: dinhanhthi

.gitignore

@@ -71,6 +71,7 @@ web_modules/
 
 # Yarn Integrity file
 .yarn-integrity
+.yarn
 
 # dotenv environment variable files
 .env

.vscode/extensions.json

@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "arcanis.vscode-zipfs",
+    "dbaeumer.vscode-eslint",
+    "esbenp.prettier-vscode"
+  ]
+}

.vscode/settings.json

@@ -16,20 +16,31 @@
   "prettier.printWidth": 100,
   "prettier.semi": false,
   "search.exclude": {
-    "**/dist": true
+    "**/dist": true,
+    "**/.yarn": true,
+    "**/.pnp.*": true
   },
   "files.exclude": {
     "**/.git": true,
+    "**/.svn": true,
+    "**/.hg": true,
+    "**/CVS": true,
     "**/.DS_Store": true,
     "**/Thumbs.db": true,
-    "**/node_modules": true,
+    "**/node_modules": false,
     "**/.next": true,
     "**/out": true,
     "**/.open-next": true
   },
   "editor.rulers": [100],
-  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.tsdk": ".yarn/sdks/typescript/lib",
   "search.useIgnoreFiles": false,
   "explorer.excludeGitIgnore": false,
-  "editor.stablePeek": false
+  "editor.stablePeek": false,
+  "eslint.nodePath": ".yarn/sdks",
+  "prettier.prettierPath": ".yarn/sdks/prettier/index.js",
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+  "[ignore]": {
+    "editor.defaultFormatter": "foxundermoon.shell-format"
+  }
 }

README.md

@@ -69,6 +69,8 @@ Put below line in `tailwind.config.ts`,
 
 > 💡 **Tip**: You can edit the files in the submodule BUT don't commit and push it. After finishing editing, just `cd notion-x` and then `git checkout <file-path>` to discard all changes.
 
+For Code Editor to work with Yarn's PnP ([Plug'n'Play](https://yarnpkg.com/features/pnp)), follow [this official guide](https://yarnpkg.com/getting-started/editor-sdks#vscode).
+
 ## Update something new (for me only)
 
 Read the steps in the repo [dinhanhthi.com](https://github.com/dinhanhthi/dinhanhthi.com).

package.json

@@ -11,7 +11,6 @@
     "npm": "^10.0.8",
     "node": "^20.10.0"
   },
-  "private": false,
   "scripts": {
     "reinstall": "rimraf node_modules && rimraf yarn.lock && yarn",
     "prettier": "prettier --write \"**/*.{tsx,ts,css,scss}\""