Remove external link arrow from Spec link in Navbar

Author: hasparus

src/pages/_meta.tsx

@@ -35,7 +35,7 @@ export default {
   },
   spec: {
     type: "page",
-    title: <span className="after:font-sans after:content-['_↗']">Spec</span>,
+    title: "Spec",
     href: "https://spec.graphql.org",
     newWindow: true,
   },
@@ -81,10 +81,10 @@ export default {
   conf: {
     type: "page",
     title: (
-      <span className="[a:has(>&)]:[a:has(>&)]:border [a:has(>&)]:border [a:has(>&)]:border-current [a:has(>&)]:text-pri-base dark:[a:has(>&)]:text-pri-light [a:hover:has(>&)]:border-transparent">
+      <Emphasis>
         GraphQLConf
         <span className="max-xl:hidden"> 2025</span>
-      </span>
+      </Emphasis>
     ),
     route: "/conf/2025",
   },
@@ -93,3 +93,11 @@ export default {
     title: "GraphQL.JS Tutorial",
   },
 }
+
+function Emphasis({ children }: { children: React.ReactNode }) {
+  return (
+    <span className="[a:has(>&)]:[a:has(>&)]:border [a:has(>&)]:border [a:has(>&)]:border-current [a:has(>&)]:text-pri-base dark:[a:has(>&)]:text-pri-light [a:hover:has(>&)]:border-transparent">
+      {children}
+    </span>
+  )
+}