d0zingcat/nextjs-notion-starter-kit
1
0
Fork 0
mirror of https://github.com/d0zingcat/nextjs-notion-starter-kit.git synced 2026-05-13 15:09:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: bump deps; syntaxes now optional; katex now peer dep

Browse Source
This commit is contained in:
Travis Fischer
2022-04-08 12:22:38 -04:00
parent 89df7676a3
commit 5d77c9eeb8
5 changed files with 62 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
components/Footer.tsx
View File

@@ -39,6 +39,7 @@ export const FooterImpl: React.FC = () => {
href='#'
role='button'
onClick={onToggleDarkMode}
title='Toggle dark mode'
>
{darkMode.value ? <IoMoonSharp /> : <IoSunnyOutline />}
</a>

39
components/NotionPage.tsx
View File

@@ -41,8 +41,45 @@ import styles from './styles.module.css'
// -----------------------------------------------------------------------------
const Code = dynamic(() =>
import('react-notion-x/build/third-party/code').then((m) => m.Code)
import('react-notion-x/build/third-party/code').then(async (m) => {
// add / remove any prism syntaxes here
await Promise.all([
import('prismjs/components/prism-markup-templating.js'),
import('prismjs/components/prism-markup.js'),
import('prismjs/components/prism-bash.js'),
import('prismjs/components/prism-c.js'),
import('prismjs/components/prism-cpp.js'),
import('prismjs/components/prism-csharp.js'),
import('prismjs/components/prism-docker.js'),
import('prismjs/components/prism-java.js'),
import('prismjs/components/prism-js-templates.js'),
import('prismjs/components/prism-coffeescript.js'),
import('prismjs/components/prism-diff.js'),
import('prismjs/components/prism-git.js'),
import('prismjs/components/prism-go.js'),
import('prismjs/components/prism-graphql.js'),
import('prismjs/components/prism-handlebars.js'),
import('prismjs/components/prism-less.js'),
import('prismjs/components/prism-makefile.js'),
import('prismjs/components/prism-markdown.js'),
import('prismjs/components/prism-objectivec.js'),
import('prismjs/components/prism-ocaml.js'),
import('prismjs/components/prism-python.js'),
import('prismjs/components/prism-reason.js'),
import('prismjs/components/prism-rust.js'),
import('prismjs/components/prism-sass.js'),
import('prismjs/components/prism-scss.js'),
import('prismjs/components/prism-solidity.js'),
import('prismjs/components/prism-sql.js'),
import('prismjs/components/prism-stylus.js'),
import('prismjs/components/prism-swift.js'),
import('prismjs/components/prism-wasm.js'),
import('prismjs/components/prism-yaml.js')
])
return m.Code
})
)
const Collection = dynamic(() =>
import('react-notion-x/build/third-party/collection').then(
(m) => m.Collection

1
components/NotionPageHeader.tsx
View File

@@ -65,6 +65,7 @@ export const NotionPageHeader: React.FC<{
<div
className={cs('breadcrumb', 'button')}
role='button'
aria-command-name='Toggle dark mode'
onClick={darkMode.toggle}
>
{hasMounted && darkMode.value ? (