引入 mdx 以显示 markdown 文档,使用 tailwind 默认排版样式;修正 eslint 规则
This commit is contained in:
22
src/components/docs/qqwwee.mdx
Normal file
22
src/components/docs/qqwwee.mdx
Normal file
@@ -0,0 +1,22 @@
|
||||
import {Button} from '@/components/ui/button';
|
||||
|
||||
# qweqwe
|
||||
|
||||
## awdasdasd
|
||||
|
||||
### zxczxczxc
|
||||
|
||||
afsdfasf
|
||||
|
||||
- qweqwe
|
||||
- awdasdasd
|
||||
- zxczxc
|
||||
|
||||
- [ ] asd
|
||||
|
||||
| qwe | asd | zxc |
|
||||
| --- | --- | --- |
|
||||
| 111 | 222 | 333 |
|
||||
|
||||
<Button>哈哈</Button>
|
||||
|
||||
12
src/components/markdown.tsx
Normal file
12
src/components/markdown.tsx
Normal file
@@ -0,0 +1,12 @@
|
||||
import { merge } from "@/lib/utils"
|
||||
|
||||
export default function Markdown(props: React.ComponentProps<'div'>) {
|
||||
return (
|
||||
<div {...props} className={merge(
|
||||
`prose`,
|
||||
props.className,
|
||||
)}>
|
||||
{props.children}
|
||||
</div>
|
||||
)
|
||||
}
|
||||
@@ -26,7 +26,7 @@ function TabsList({
|
||||
<TabsPrimitive.List
|
||||
data-slot="tabs-list"
|
||||
className={merge(
|
||||
"bg-muted text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-1",
|
||||
"bg-muted text-muted-foreground inline-flex w-fit items-center justify-center rounded-lg p-1 h-10",
|
||||
className
|
||||
)}
|
||||
{...props}
|
||||
|
||||
Reference in New Issue
Block a user