diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000000..72faee5d53
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1,22 @@
+{
+  "arrowParens": "avoid",
+  "semi": false,
+  "singleQuote": false,
+  "useTabs": false,
+  "tabWidth": 2,
+  "overrides": [
+    {
+      "files": "*.svg",
+      "options": { "parser": "html" }
+    },
+    {
+      "files": "*.mdx",
+      "options": {
+        "proseWrap": "always",
+        "semi": false,
+        "trailingComma": "none"
+      }
+    }
+  ],
+  "plugins": ["prettier-plugin-pkg"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000000..cb56bf9fab
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,12 @@
+{
+  "eslint.format.enable": true,
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "yaml.schemas": {
+    "https://json.schemastore.org/github-workflow.json": ".github/workflows/**/*.yml"
+  },
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "[typescript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
+}
diff --git a/prettier.config.js b/prettier.config.js
deleted file mode 100644
index 64ff8a9017..0000000000
--- a/prettier.config.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import pluginPkg from "prettier-plugin-pkg"
-
-export default {
-  arrowParens: "avoid",
-  semi: false,
-  singleQuote: false,
-  overrides: [
-    {
-      files: "*.svg",
-      options: { parser: "html" },
-    },
-    {
-      files: "*.mdx",
-      options: {
-        proseWrap: "always", // printWidth line breaks in md/mdx
-        semi: false,
-        trailingComma: "none",
-      },
-    },
-  ],
-  plugins: [
-    // For sort fields in package.json
-    pluginPkg,
-  ],
-}