complete framework remediation validation

examples/component-showcase/scripts/generate-showcase.mjs

@@ -2,6 +2,7 @@ import { mkdirSync, readFileSync, readdirSync, unlinkSync, writeFileSync } from
 import { dirname, join } from "node:path";
 import process from "node:process";
 import { fileURLToPath } from "node:url";
+import prettier from "prettier";
 import { eventDescriptionFor, profileFor } from "./showcase-profiles.mjs";
 
 const exampleRoot = join(dirname(fileURLToPath(import.meta.url)), "..");
@@ -1792,11 +1793,12 @@ const showcaseManifest = {
     profiled: Boolean(profileFor(component.name)),
   })),
 };
-writeFileSync(
-  join(exampleRoot, "showcase-manifest.json"),
-  `${JSON.stringify(showcaseManifest, null, 2)}\n`,
-  "utf8",
-);
+const formattedManifest = await prettier.format(`${JSON.stringify(showcaseManifest, null, 2)}\n`, {
+  parser: "json",
+  printWidth: 100,
+  endOfLine: "lf",
+});
+writeFileSync(join(exampleRoot, "showcase-manifest.json"), formattedManifest, "utf8");
 
 const categoryCards = categoryEntries
   .map(