Update Prettier dependency in @react-router/dev (#14049)

Author: markdalgleish

.changeset/strong-grapes-accept.md

@@ -0,0 +1,5 @@
+---
+"@react-router/dev": patch
+---
+
+Update to Prettier v3 for formatting when running `react-router reveal --no-typescript`

packages/react-router-dev/cli/commands.ts

@@ -152,7 +152,7 @@ export async function generateEntry(
   let outputFile = path.resolve(appDirectory, outputEntry);
 
   if (!useTypeScript) {
-    let javascript = convertFileToJS(contents, {
+    let javascript = await convertFileToJS(contents, {
       cwd: rootDirectory,
       filename: isServerEntry ? defaultEntryServer : defaultEntryClient,
     });

packages/react-router-dev/cli/useJavascript.ts

@@ -5,13 +5,13 @@ import babelPluginSyntaxJSX from "@babel/plugin-syntax-jsx";
 import babelPresetTypeScript from "@babel/preset-typescript";
 import prettier from "prettier";
 
-export function transpile(
+export async function transpile(
   tsx: string,
   options: {
     cwd?: string;
     filename?: string;
   } = {},
-): string {
+): Promise<string> {
   let mjs = babel.transformSync(tsx, {
     compact: false,
     cwd: options.cwd,
@@ -26,5 +26,5 @@ export function transpile(
    * Babel's `compact` and `retainLines` options are both bad at formatting code.
    * Use Prettier for nicer formatting.
    */
-  return prettier.format(mjs.code, { parser: "babel" });
+  return await prettier.format(mjs.code, { parser: "babel" });
 }

packages/react-router-dev/package.json

@@ -84,7 +84,7 @@
     "lodash": "^4.17.21",
     "pathe": "^1.1.2",
     "picocolors": "^1.1.1",
-    "prettier": "^2.7.1",
+    "prettier": "^3.6.2",
     "react-refresh": "^0.14.0",
     "semver": "^7.3.7",
     "set-cookie-parser": "^2.6.0",
@@ -103,7 +103,6 @@
     "@types/lodash": "^4.14.182",
     "@types/node": "^20.0.0",
     "@types/npmcli__package-json": "^4.0.0",
-    "@types/prettier": "^2.7.3",
     "@types/set-cookie-parser": "^2.4.1",
     "@types/semver": "^7.7.0",
     "esbuild-register": "^3.6.0",