feat: macro names

packages/website-ue/src/components/ApiMacroSee.astro

@@ -1,7 +1,6 @@
 ---
 import { sluggify } from "@blitzkit/core";
-import { literalsArray } from "@blitzkit/i18n";
-import { api } from "../core/api/dynamic";
+import { Code } from "./Code";
 import { Link } from "./Link";
 import { Text } from "./Text";
 
@@ -10,10 +9,9 @@ interface Props {
   locale: string;
 }
 
-const bodyPattern = /^([a-z0-9-\/\.]+) (.+)$/;
+const bodyPattern = /^([a-z0-9-\/\.\[\]]+) (.+)$/;
 
 const { value, locale } = Astro.props;
-const strings = await api.strings(locale);
 
 const match = value.match(bodyPattern);
 
@@ -26,10 +24,13 @@ const message = match[2];
 ---
 
 <Text>
-  {
-    literalsArray(strings.api.macros.see, {
-      path: <Link href={`#${sluggify(path)}`}>{path}</Link>,
-      message,
-    })
-  }
+  <Text lowContrast weight="medium" color="tomato">
+    <Code>@see</Code>
+  </Text>
+
+  <Link underline="never" href={`#${sluggify(path)}`}>
+    <Code>{path}</Code>
+  </Link>
+
+  {message}
 </Text>