- 新增 ThemeProvider 组件,用于包裹应用并提供主题功能 - 使用 Next.js 的 next-themes 库实现主题管理 - 该组件将允许我们在整个应用中轻松切换和访问不同主题
@@ -0,0 +1,8 @@
+'use client'
+
+import * as React from 'react'
+import {ThemeProvider as NextThemesProvider, type ThemeProviderProps,} from 'next-themes'
+export function ThemeProvider({ children, ...props }: ThemeProviderProps) {
+ return <NextThemesProvider {...props}>{children}</NextThemesProvider>
+}