fix: move themeColor to viewport export (Next.js 16)

Move themeColor from metadata export to viewport export as required
by Next.js 16 to fix the unsupported metadata warning.

Co-Authored-By: Claude (glm-4.7) <noreply@anthropic.com>
This commit is contained in:
Max
2026-01-27 14:30:27 +07:00
parent 250832da37
commit 97376149e6

View File

@@ -1,4 +1,4 @@
import type { Metadata } from "next"; import type { Metadata, Viewport } from "next";
import localFont from "next/font/local"; import localFont from "next/font/local";
import "./globals.css"; import "./globals.css";
import "./fonts.css"; import "./fonts.css";
@@ -12,12 +12,14 @@ const inter = localFont({
display: "swap", display: "swap",
}); });
export const viewport: Viewport = {
themeColor: "#64748B",
};
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Brachnha Insight", title: "Brachnha Insight",
description: "Transform what in your mind into a powerful notes", description: "Transform what in your mind into a powerful notes",
// Story 3.4: PWA metadata manifest: "/manifest.webmanifest",
manifest: "/manifest.webmanifest", // Next.js 14+ convention
themeColor: "#64748B",
appleWebApp: { appleWebApp: {
capable: true, capable: true,
statusBarStyle: "default", statusBarStyle: "default",