diff --git a/settings.json b/settings.json
index b3c4c2a..0cbc9f5 100644
--- a/settings.json
+++ b/settings.json
@@ -1,47 +1,76 @@
 {
-  "editor.wordWrap": "bounded",
-  "javascript.updateImportsOnFileMove.enabled": "always",
-  "editor.renderWhitespace": "all",
-  // These are all my auto-save configs
-  "editor.formatOnSave": true,
-  // turn it off for JS and JSX, we will do this via eslint
-  "[javascript]": {
-    "editor.formatOnSave": false
-  },
-  "[javascriptreact]": {
-    "editor.formatOnSave": false
-  },
-  // show eslint icon at bottom toolbar
-  "eslint.alwaysShowStatus": true,
-  // tell the ESLint plugin to run on save
-  "editor.codeActionsOnSave": {
-    "source.fixAll": true
-  },
-  // Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
-  "prettier.disableLanguages": ["javascript", "javascriptreact"],
-  "editor.tabSize": 2,
-  "editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Fira Code Retina",
-  "editor.fontLigatures": true,
-  "editor.fontSize": 16,
-  "editor.quickSuggestions": {
-    "other": true,
-    "comments": false,
-    "strings": false
-  },
-  "emmet.showSuggestionsAsSnippets": true,
-  "editor.snippetSuggestions": "top",
-  "emmet.triggerExpansionOnTab": true,
-  "editor.formatOnPaste": true,
-  "editor.formatOnType": true,
-  "svelte.enable-ts-plugin": true,
-  "cSpell.userWords": ["Shellnut", "sveltejs", "Umami", "vite"],
-  "git.autofetch": true,
-  "git.mergeEditor": true,
-  "javascript.inlayHints.variableTypes.enabled": true,
-  "editor.stickyScroll.enabled": true,
-  "workbench.colorTheme": "SynthWave '84",
-  "svelte.plugin.svelte.note-new-transformation": false,
-  "workbench.iconTheme": "material-icon-theme",
-  "window.zoomLevel": -1,
-  "prettier.useTabs": true
+	"editor.wordWrap": "bounded",
+	"editor.bracketPairColorization.enabled": true,
+	"editor.guides.bracketPairs": "active",
+	"javascript.updateImportsOnFileMove.enabled": "always",
+	"editor.renderWhitespace": "all",
+	// These are all my auto-save configs
+	"editor.formatOnSave": true,
+	"editor.defaultFormatter": "esbenp.prettier-vscode",
+	// turn it off for JS and JSX, we will do this via eslint
+	"[javascript]": {
+		"editor.formatOnSave": false,
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[javascriptreact]": {
+		"editor.formatOnSave": false
+	},
+	// show eslint icon at bottom toolbar
+	"eslint.alwaysShowStatus": true,
+	// tell the ESLint plugin to run on save
+	"editor.codeActionsOnSave": {
+		"source.fixAll": true
+	},
+	"editor.tabSize": 2,
+	"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Fira Code Retina",
+	"editor.fontLigatures": true,
+	"editor.fontSize": 16,
+	"editor.quickSuggestions": {
+		"other": true,
+		"comments": false,
+		"strings": false
+	},
+	"files.exclude": {
+		"**/.cache": true,
+		"**/.DS_Store": true,
+		"**/.git": true,
+		"**/.hg": true,
+		"**/.next": true,
+		"**/.svn": true,
+		"**/CVS": true,
+		"**/dist": false
+	},
+	"emmet.showSuggestionsAsSnippets": true,
+	"editor.snippetSuggestions": "top",
+	"emmet.triggerExpansionOnTab": true,
+	"editor.formatOnPaste": true,
+	"editor.formatOnType": true,
+	"svelte.enable-ts-plugin": true,
+	"cSpell.diagnosticLevel": "Hint",
+	"cSpell.userWords": ["Shellnut", "sveltejs", "Umami", "vite"],
+	"git.autofetch": true,
+	"git.mergeEditor": true,
+	"editor.stickyScroll.enabled": true,
+	"workbench.colorTheme": "SynthWave '84",
+	"svelte.plugin.svelte.note-new-transformation": false,
+	"workbench.iconTheme": "material-icon-theme",
+	"window.zoomLevel": -1,
+	"prettier.useTabs": true,
+	"javascript.inlayHints.parameterTypes.enabled": true,
+	"javascript.inlayHints.variableTypes.enabled": true,
+	"javascript.inlayHints.propertyDeclarationTypes.enabled": true,
+	"typescript.inlayHints.enumMemberValues.enabled": true,
+	"typescript.inlayHints.propertyDeclarationTypes.enabled": true,
+	"typescript.inlayHints.variableTypes.enabled": true,
+	"typescript.inlayHints.functionLikeReturnTypes.enabled": true,
+	"javascript.inlayHints.functionLikeReturnTypes.enabled": true,
+	"typescript.inlayHints.parameterNames.enabled": "all",
+	"javascript.inlayHints.parameterNames.enabled": "literals",
+	"typescript.inlayHints.parameterTypes.enabled": true,
+	"javascript.inlayHints.enumMemberValues.enabled": true,
+	"editor.insertSpaces": false,
+	"workbench.editor.labelFormat": "short",
+	"explorer.compactFolders": false,
+	"material-icon-theme.folders.color": "#43a047",
+	"workbench.tree.indent": 12
 }
diff --git a/vscode.json b/vscode.json
index 3545347..0cbc9f5 100644
--- a/vscode.json
+++ b/vscode.json
@@ -1,38 +1,76 @@
-// Place your settings in this file to overwrite the default settings
 {
-  "editor.wordWrap": "off",
-  "javascript.updateImportsOnFileMove.enabled": "always",
-  "editor.renderWhitespace": "all",
-  // These are all my auto-save configs
-  "editor.formatOnSave": true,
-  // turn it off for JS and JSX, we will do this via eslint
-  "[javascript]": {
-    "editor.formatOnSave": false
-  },
-  "[javascriptreact]": {
-    "editor.formatOnSave": false
-  },
-  // show eslint icon at bottom toolbar
-  "eslint.alwaysShowStatus": true,
-  // tell the ESLint plugin to run on save
-  "editor.codeActionsOnSave": {
-    "source.fixAll": true
-  },
-  // Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
-  "prettier.disableLanguages": ["javascript", "javascriptreact"],
-  "editor.tabSize": 2,
-  "workbench.colorTheme": "Cobalt2",
-  "editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Fira Code Retina",
-  "editor.fontLigatures": true,
-  "editor.fontSize": 13,
-  "editor.quickSuggestions": {
-    "other": true,
-    "comments": false,
-    "strings": false
-  },
-  "emmet.showSuggestionsAsSnippets": true,
-  "editor.snippetSuggestions": "top",
-  "emmet.triggerExpansionOnTab": true,
-  "editor.formatOnPaste": false,
-  "editor.formatOnType": false
+	"editor.wordWrap": "bounded",
+	"editor.bracketPairColorization.enabled": true,
+	"editor.guides.bracketPairs": "active",
+	"javascript.updateImportsOnFileMove.enabled": "always",
+	"editor.renderWhitespace": "all",
+	// These are all my auto-save configs
+	"editor.formatOnSave": true,
+	"editor.defaultFormatter": "esbenp.prettier-vscode",
+	// turn it off for JS and JSX, we will do this via eslint
+	"[javascript]": {
+		"editor.formatOnSave": false,
+		"editor.defaultFormatter": "esbenp.prettier-vscode"
+	},
+	"[javascriptreact]": {
+		"editor.formatOnSave": false
+	},
+	// show eslint icon at bottom toolbar
+	"eslint.alwaysShowStatus": true,
+	// tell the ESLint plugin to run on save
+	"editor.codeActionsOnSave": {
+		"source.fixAll": true
+	},
+	"editor.tabSize": 2,
+	"editor.fontFamily": "Menlo, Monaco, 'Courier New', monospace, Fira Code Retina",
+	"editor.fontLigatures": true,
+	"editor.fontSize": 16,
+	"editor.quickSuggestions": {
+		"other": true,
+		"comments": false,
+		"strings": false
+	},
+	"files.exclude": {
+		"**/.cache": true,
+		"**/.DS_Store": true,
+		"**/.git": true,
+		"**/.hg": true,
+		"**/.next": true,
+		"**/.svn": true,
+		"**/CVS": true,
+		"**/dist": false
+	},
+	"emmet.showSuggestionsAsSnippets": true,
+	"editor.snippetSuggestions": "top",
+	"emmet.triggerExpansionOnTab": true,
+	"editor.formatOnPaste": true,
+	"editor.formatOnType": true,
+	"svelte.enable-ts-plugin": true,
+	"cSpell.diagnosticLevel": "Hint",
+	"cSpell.userWords": ["Shellnut", "sveltejs", "Umami", "vite"],
+	"git.autofetch": true,
+	"git.mergeEditor": true,
+	"editor.stickyScroll.enabled": true,
+	"workbench.colorTheme": "SynthWave '84",
+	"svelte.plugin.svelte.note-new-transformation": false,
+	"workbench.iconTheme": "material-icon-theme",
+	"window.zoomLevel": -1,
+	"prettier.useTabs": true,
+	"javascript.inlayHints.parameterTypes.enabled": true,
+	"javascript.inlayHints.variableTypes.enabled": true,
+	"javascript.inlayHints.propertyDeclarationTypes.enabled": true,
+	"typescript.inlayHints.enumMemberValues.enabled": true,
+	"typescript.inlayHints.propertyDeclarationTypes.enabled": true,
+	"typescript.inlayHints.variableTypes.enabled": true,
+	"typescript.inlayHints.functionLikeReturnTypes.enabled": true,
+	"javascript.inlayHints.functionLikeReturnTypes.enabled": true,
+	"typescript.inlayHints.parameterNames.enabled": "all",
+	"javascript.inlayHints.parameterNames.enabled": "literals",
+	"typescript.inlayHints.parameterTypes.enabled": true,
+	"javascript.inlayHints.enumMemberValues.enabled": true,
+	"editor.insertSpaces": false,
+	"workbench.editor.labelFormat": "short",
+	"explorer.compactFolders": false,
+	"material-icon-theme.folders.color": "#43a047",
+	"workbench.tree.indent": 12
 }