parent
b46b41a503
commit
91ee5e5d95
@ -1,6 +1,8 @@ |
||||
{ |
||||
"recommendations": [ |
||||
"dbaeumer.vscode-eslint", |
||||
"humao.rest-client" |
||||
"humao.rest-client", |
||||
"silvenon.mdx", |
||||
"xyc.vscode-mdx-preview" |
||||
] |
||||
} |
@ -0,0 +1,12 @@ |
||||
.playground { |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: center; |
||||
flex-direction: column; |
||||
padding: 0; |
||||
width: 250px; |
||||
height: 250px; |
||||
border-radius: 50%; |
||||
border: 2px solid #333; |
||||
background-color: #ddd; |
||||
} |
@ -0,0 +1,12 @@ |
||||
import React from "react"; |
||||
import styles from "./playground.module.css"; |
||||
|
||||
export function Playground() { |
||||
return ( |
||||
<ul className={styles.playground}> |
||||
<li>Some</li> |
||||
<li>React</li> |
||||
<li>Content</li> |
||||
</ul> |
||||
); |
||||
} |
@ -0,0 +1,7 @@ |
||||
const withMDX = require('@next/mdx')({ |
||||
extension: /\.mdx$/ |
||||
}) |
||||
|
||||
module.exports = withMDX({ |
||||
pageExtensions: ['ts', 'tsx', 'mdx'] |
||||
}) |
File diff suppressed because it is too large
Load Diff
@ -1,6 +1,11 @@ |
||||
import React from "react"; |
||||
import { AppProps } from "next/app"; |
||||
import { MDXProvider } from "@mdx-js/react"; |
||||
|
||||
export default function App({ Component, pageProps }: AppProps): JSX.Element { |
||||
return <Component {...pageProps} />; |
||||
return ( |
||||
<MDXProvider components={{}}> |
||||
<Component {...pageProps} /> |
||||
</MDXProvider> |
||||
); |
||||
} |
||||
|
@ -0,0 +1,14 @@ |
||||
# Home page |
||||
|
||||
Let's write some markdown. |
||||
|
||||
- foo |
||||
- bar |
||||
- baz |
||||
|
||||
## Subtopic |
||||
|
||||
More stuff |
||||
|
||||
1. hello |
||||
1. world |
@ -1,6 +0,0 @@ |
||||
import React from "react"; |
||||
import styles from "./index.module.css"; |
||||
|
||||
export default function Home() { |
||||
return <div className={styles.Foo}>This is the home page</div>; |
||||
} |
@ -0,0 +1,11 @@ |
||||
import {Playground} from '../components/playground' |
||||
|
||||
# Playground |
||||
|
||||
- _Some_ |
||||
- **Markdown** |
||||
- [Content](https://csclub.uwaterloo.ca) |
||||
|
||||
--- |
||||
|
||||
<Playground /> |
Loading…
Reference in new issue