[Docs Site] Add EC line numbers plugin (#23667)

Author: KianNH

ec.config.mjs

@@ -10,6 +10,7 @@ import pluginDefaultTitles from "./src/plugins/expressive-code/default-titles.js
 import pluginGraphqlApiExplorer from "./src/plugins/expressive-code/graphql-api-explorer.js";
 
 import { pluginCollapsibleSections } from "@expressive-code/plugin-collapsible-sections";
+import { pluginLineNumbers } from "@expressive-code/plugin-line-numbers";
 
 export default defineEcConfig({
 	plugins: [
@@ -18,7 +19,11 @@ export default defineEcConfig({
 		pluginDefaultTitles(),
 		pluginCollapsibleSections(),
 		pluginGraphqlApiExplorer(),
+		pluginLineNumbers(),
 	],
+	defaultProps: {
+		showLineNumbers: false,
+	},
 	themes: [darkTheme, lightTheme],
 	styleOverrides: {
 		borderWidth: "1px",

package-lock.json

@@ -39,6 +39,7 @@
 		"@cloudflare/workers-types": "4.20250711.0",
 		"@codingheads/sticky-header": "1.0.2",
 		"@expressive-code/plugin-collapsible-sections": "0.41.3",
+		"@expressive-code/plugin-line-numbers": "0.41.3",
 		"@floating-ui/react": "0.27.13",
 		"@iarna/toml": "2.2.5",
 		"@lottiefiles/dotlottie-react": "0.14.2",

package.json

@@ -21,6 +21,12 @@ const foo = {
 };
 ```
 
+```js showLineNumbers
+// Line numbers
+const foo = "bar";
+const bar = "baz";
+```
+
 ```js wrap
 // Example with wrap
 function getLongString() {