r-freeman/portfolio
1
0
Fork 0
mirror of https://github.com/r-freeman/portfolio.git synced 2024-11-24 23:55:42 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix issue heading issue
All checks were successful
Build And Publish / BuildAndPublish (push) Successful in 2m35s
Details

Browse Source
This commit is contained in:
r-freeman 2024-09-18 18:37:40 +01:00
parent 1715e0c275
commit 19306831ec
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
mdx-components.tsx
View File

@ -1,5 +1,6 @@
import type {MDXComponents} from 'mdx/types' import type {MDXComponents} from 'mdx/types'
import {createSlug} from './lib/createSlug' import {createSlug} from './lib/createSlug'
import Link from 'next/link'
// This file allows you to provide custom React components // This file allows you to provide custom React components
// to be used in MDX files. You can import and use any // to be used in MDX files. You can import and use any
@ -9,7 +10,9 @@ import {createSlug} from './lib/createSlug'
// This file is required to use MDX in `app` directory. // This file is required to use MDX in `app` directory.
export function useMDXComponents(components: MDXComponents): MDXComponents { export function useMDXComponents(components: MDXComponents): MDXComponents {
return { return {
h2: ({children}) => <h2>{children}<a className='ml-1' href={`#${createSlug(children)}`}>#</a></h2>, h2: ({children}) =>
// @ts-ignore TS18049
<h2 id={createSlug(children.toString())}>{children}<Link className='ml-1' href={`#${createSlug(children.toString())}`} name="anchor" scroll={false}>#</Link></h2>,
// Allows customizing built-in components, e.g. to add styling. // Allows customizing built-in components, e.g. to add styling.
// h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>, // h1: ({ children }) => <h1 style={{ fontSize: "100px" }}>{children}</h1>,
...components, ...components,