diff --git a/apps/docs/lib/mdx/generateRefMarkdown.tsx b/apps/docs/lib/mdx/generateRefMarkdown.tsx index db6793f2aba..7fcffc1b0ea 100644 --- a/apps/docs/lib/mdx/generateRefMarkdown.tsx +++ b/apps/docs/lib/mdx/generateRefMarkdown.tsx @@ -4,7 +4,8 @@ import matter from 'gray-matter' import { serialize } from 'next-mdx-remote/serialize' import { remarkCodeHike } from '@code-hike/mdx' -import codeHikeTheme from '~/codeHikeTheme.js' +// import codeHikeTheme from '~/codeHikeTheme.js' +import theme from 'shiki/themes/solarized-dark.json' async function generateRefMarkdown(sections, slug) { let markdownContent = [] @@ -45,7 +46,7 @@ async function generateRefMarkdown(sections, slug) { // MDX's available options, see the MDX docs for more info. // https://mdxjs.com/packages/mdx/#compilefile-options mdxOptions: { - remarkPlugins: [[remarkCodeHike, { autoImport: false, codeHikeTheme }]], + remarkPlugins: [[remarkCodeHike, { autoImport: false, theme }]], useDynamicImport: true, }, // Indicates whether or not to parse the frontmatter from the mdx source diff --git a/apps/docs/pages/reference/javascript/[...slug].tsx b/apps/docs/pages/reference/javascript/[...slug].tsx index 09940824afc..7ddc08a6113 100644 --- a/apps/docs/pages/reference/javascript/[...slug].tsx +++ b/apps/docs/pages/reference/javascript/[...slug].tsx @@ -7,8 +7,6 @@ import { flattenSections } from '~/lib/helpers' import handleRefGetStaticPaths from '~/lib/mdx/handleRefStaticPaths' import handleRefStaticProps from '~/lib/mdx/handleRefStaticProps' -import * as shiki from 'shiki' - const sections = flattenSections(clientLibsCommonSections) export default function JSReference(props) { @@ -16,10 +14,6 @@ export default function JSReference(props) { } export async function getStaticProps({ params }: { params: { slug: string[] } }) { - const forceShiki = await shiki.getHighlighter({ - theme: 'github-light', - }) - return handleRefStaticProps(sections, params, '/js', '/javascript') }