diff --git a/docs/components/logo.tsx b/docs/components/logo.tsx
new file mode 100644
index 0000000..4ae7173
--- /dev/null
+++ b/docs/components/logo.tsx
@@ -0,0 +1,23 @@
+'use client';
+
+import Image from 'next/image';
+import { useTheme } from 'nextra-theme-docs';
+import { useEffect, useState } from 'react';
+
+const Logo = () => {
+ const { resolvedTheme } = useTheme();
+ const [src, setSrc] = useState('/logo-black.png');
+
+ useEffect(() => {
+ if (resolvedTheme === 'dark') {
+ setSrc('/logo-white.png');
+ return;
+ }
+
+ setSrc('/logo-black.png');
+ }, [resolvedTheme]);
+
+ return ;
+};
+
+export default Logo;
diff --git a/docs/next.config.js b/docs/next.config.js
index 5eb2f96..801e209 100644
--- a/docs/next.config.js
+++ b/docs/next.config.js
@@ -2,9 +2,9 @@
const nextConfig = {
reactStrictMode: true,
webpack(config) {
- const allowedSvgRegex = /components\/icons\/.+\.svg$/;
+ const allowedSvgRegex = /\.svg$/;
- const fileLoaderRule = config.module.rules.find(rule => rule.test?.test('.svg'));
+ const fileLoaderRule = config.module.rules.find(rule => rule.test?.test?.('.svg'));
fileLoaderRule.exclude = allowedSvgRegex;
config.module.rules.push({
diff --git a/docs/pages/docs/index.mdx b/docs/pages/docs/index.mdx
index ead1d0f..cd1530c 100644
--- a/docs/pages/docs/index.mdx
+++ b/docs/pages/docs/index.mdx
@@ -1,5 +1,5 @@
import { Tabs, Tab, Cards, Card } from 'nextra/components'
-import { AppIcon, PagesIcon } from '../../components/icons'
+import { AppIcon, PagesIcon } from '@components/icons'
# Get Started
diff --git a/docs/pages/index.mdx b/docs/pages/index.mdx
index 2579ac6..ffe9c87 100644
--- a/docs/pages/index.mdx
+++ b/docs/pages/index.mdx
@@ -3,10 +3,11 @@ title: Home
---
import { Cards, Card } from 'nextra/components'
-import { AppIcon, PagesIcon } from '../components/icons'
+import Logo from '@components/logo'
+import { AppIcon, PagesIcon } from '@components/icons'
-
+
Type-safe internationalization (i18n) for Next.js
diff --git a/docs/theme.config.jsx b/docs/theme.config.jsx
index 7fec248..dc37b22 100644
--- a/docs/theme.config.jsx
+++ b/docs/theme.config.jsx
@@ -1,4 +1,4 @@
-import { useConfig } from 'nextra-theme-docs'
+import { useConfig } from 'nextra-theme-docs';
import Image from 'next/image';
export default {
@@ -10,7 +10,10 @@ export default {
),
head: () => {
const { title } = useConfig();
- const socialCard = process.env.NODE_ENV === 'development' ? 'http://localhost:3000/og.jpg' : 'https://next-international.vercel.app/og.jpg';
+ const socialCard =
+ process.env.NODE_ENV === 'development'
+ ? 'http://localhost:3000/og.jpg'
+ : 'https://next-international.vercel.app/og.jpg';
return (
<>
@@ -39,9 +42,7 @@ export default {
footer: {
text: MIT {new Date().getFullYear()} © next-international contributors.,
},
- darkMode: false,
nextThemes: {
defaultTheme: 'light',
- forcedTheme: 'light',
},
};
diff --git a/docs/tsconfig.json b/docs/tsconfig.json
index ad54f56..d9f00b6 100644
--- a/docs/tsconfig.json
+++ b/docs/tsconfig.json
@@ -15,7 +15,8 @@
"jsx": "preserve",
"incremental": true,
"paths": {
- "@/*": ["./*"]
+ "@/*": ["./*"],
+ "@components/*": ["./components/*"]
}
},
"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],