fix: markdown css missing

app/layout.tsx

@@ -7,7 +7,6 @@ import RUAThemeProvider from 'components/pages/theme-provider';
 import fonts from 'lib/fonts';
 import { Metadata } from 'next';
 import 'styles/globals.css';
-import 'styles/rua.css';
 
 export const metadata: Metadata = {
   title: 'RUA',

app/p/[slug]/page.tsx

@@ -11,6 +11,7 @@ import rehypeHighlight from 'rehype-highlight';
 import rehypeSlug from 'rehype-slug';
 import remarkGfm from 'remark-gfm';
 import { Post } from 'types';
+import 'styles/rua.css';
 
 const PostToc = dynamic(() => import('components/post/post-toc'));
 const PostCommnetLine = dynamic(

content/posts/leptos-dark-mode.mdx

@@ -66,7 +66,12 @@ let UseColorModeReturn { mode, set_mode, .. } = use_color_mode_with_options(
 provide_context((mode, set_mode));
 ```
 
-![](Pasted%20image%2020241011164933.png)
+<Image
+  src={'/images/p/leptos-dark-mode/dark-mode.png'}
+  alt="local storage key"
+  width="735"
+  height="90"
+/>
 
 ## Library
 

styles/globals.css

@@ -1,4 +1,5 @@
 @import 'tailwindcss';
+@import './rua.css';
 
 @custom-variant dark (&:is(.mocha *));