[WranglerNamespace] Tweak for formatting

Author: kodster28

src/components/WranglerCommand.astro

@@ -29,9 +29,10 @@ function getCommand(path: string) {
 
 const props = z.object({
 	command: z.string(),
+	headingLevel: z.number().default(2)
 });
 
-let { command } = props.parse(Astro.props);
+let { command, headingLevel } = props.parse(Astro.props);
 
 const definition = getCommand(command);
 
@@ -46,7 +47,7 @@ const positionals = definition.positionalArgs
 	.join(" ");
 ---
 
-<AnchorHeading depth={2} title={command} />
+<AnchorHeading depth={headingLevel} title={command} />
 
 <PackageManagers
 	pkg="wrangler"

src/components/WranglerNamespace.astro

@@ -5,9 +5,10 @@ import WranglerCommand from "./WranglerCommand.astro";
 
 const props = z.object({
 	namespace: z.string(),
+	headingLevel: z.number().default(2)
 });
 
-const { namespace } = props.parse(Astro.props);
+const { namespace, headingLevel } = props.parse(Astro.props);
 
 const { registry } = experimental_getWranglerCommands();
 
@@ -40,7 +41,7 @@ flattenSubtree(node.subtree);
 			);
 		}
 		return (
-			<WranglerCommand command={definition.command.replace("wrangler ", "")} />
+			<WranglerCommand command={definition.command.replace("wrangler ", "")} headingLevel={headingLevel} />
 		);
 	})
 }

src/content/docs/hyperdrive/reference/wrangler-commands.mdx

@@ -6,6 +6,8 @@ sidebar:
 
 ---
 
-import { Render } from "~/components";
+import { WranglerNamespace } from "~/components";
 
-<Render file="hyperdrive" product="workers/wrangler-commands"/>
+The following [Wrangler commands](/workers/wrangler/) apply to Hyperdrive.
+
+<WranglerNamespace namespace="hyperdrive" />

src/content/docs/workers/wrangler/commands.mdx

@@ -14,6 +14,7 @@ import {
 	Type,
 	MetaInfo,
 	WranglerConfig,
+	WranglerNamespace,
 	PackageManagers,
 } from "~/components";
 
@@ -149,15 +150,15 @@ Interact with Cloudflare's D1 service.
 
 Manage [Hyperdrive](/hyperdrive/) database configurations.
 
-<Render file="wrangler-commands/hyperdrive" product="workers" />
+<WranglerNamespace namespace="hyperdrive" headingLevel={3}/>
 
 ---
 
 ## `vectorize`
 
 Interact with a [Vectorize](/vectorize/) vector database.
 
-<Render file="wrangler-commands/vectorize" product="workers" />
+<Render product="workers" file="wrangler-commands/vectorize" />
 
 ---