naming and 1111 slugs

Author: KianNH

src/components/PartialsUsage.astro

@@ -7,7 +7,7 @@ import UsageList from "./UsageList.astro";
 const partials = await getPartialsUsage();
 ---
 
-<Details header="Partials" id="partials-container">
+<Details header="Usage" id="partials-container">
 	{
 		[...Object.entries(partials)]
 			.sort((a, b) => a[0].localeCompare(b[0]))

src/components/UsageList.astro

@@ -31,7 +31,12 @@ const { usage } = props.parse(Astro.props);
 							.replace("src/content/docs/", "")
 							.replace(".mdx", "")
 							.split("/")
-							.map((segment) => slug(segment))
+							.map((segment) => {
+								if (segment === "1.1.1.1") {
+									return segment;
+								}
+								return slug(segment);
+							})
 							.join("/") +
 						"/";
 

src/content/docs/style-guide/components/render.mdx

@@ -193,6 +193,6 @@ import { Render } from "~/components";
 <Render file="optional-props" params={{ product: "Thing Three" }} />
 ```
 
-## Usage
+## Partials
 
 <PartialsUsage />