write: shadcn-ui

Author: pyjun01

src/blog/shadcn-ui.mdx

@@ -1,5 +1,6 @@
 import styled from 'styled-components';
 
-export const A = styled.a.attrs({
-  target: '_blank',
-})``;
+export const A = styled.a.attrs((p) => ({
+  target: p['data-not-blank'] ? undefined : '_blank',
+  ...p,
+}))``;

src/components/MDX/index.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AnchorHTMLAttributes } from 'react';
+
+export function OutLink(props: AnchorHTMLAttributes<HTMLAnchorElement>) {
+  return <a {...props} target='_blank' rel='noreferrer' />;
+}