chore: update deps

apps/guide/package.json

@@ -7,19 +7,15 @@
 	"scripts": {
 		"test": "vitest run",
 		"test:lighthouse": "lighthouse http://localhost:3000 --output-path=./lighthouse-results",
+		"build:check": "tsc --noEmit",
 		"build:local": "pnpm run build:prod",
-		"build:prod": "pnpm run build:css && pnpm run build:next",
-		"build:next": "next build",
-		"build:css": "pnpm run generate:css",
+		"build:prod": "next build",
 		"build:analyze": "cross-env ANALYZE=true pnpm run build:prod",
 		"preview": "next start",
-		"dev": "concurrently 'pnpm run dev:css' 'pnpm run dev:next'",
-		"dev:next": "next dev",
-		"dev:css": "pnpm run generate:css --watch",
-		"generate:css": "unocss 'src/**/*.tsx' 'contentlayer.config.ts' '../../packages/ui/src/lib/components/**/*.tsx' --out-file ./src/styles/unocss.css --config ../../unocss.config.ts",
+		"dev": "next dev",
 		"generate:contentlayer": "contentlayer build",
-		"lint": "prettier --check . && cross-env TIMING=1 eslint --format=pretty src",
-		"format": "prettier --write . && cross-env TIMING=1 eslint --fix --format=pretty src",
+		"lint": "prettier --check . && cross-env TIMING=1 eslint --format=pretty src && pnpm run build:check",
+		"format": "prettier --write . && cross-env TIMING=1 eslint --fix --format=pretty src && pnpm run build:check",
 		"fmt": "pnpm run format"
 	},
 	"type": "commonjs",
@@ -53,12 +49,12 @@
 		"@discordjs/ui": "workspace:^",
 		"@react-icons/all-files": "^4.1.0",
 		"@vercel/analytics": "^1.1.1",
-		"@vercel/edge-config": "^0.2.1",
-		"@vercel/og": "^0.5.19",
+		"@vercel/edge-config": "^0.4.1",
+		"@vercel/og": "^0.5.20",
 		"ariakit": "2.0.0-next.44",
 		"cmdk": "^0.2.0",
 		"contentlayer": "^0.3.4",
-		"next": "^13.5.5",
+		"next": "^14.0.1",
 		"next-contentlayer": "^0.3.4",
 		"next-themes": "^0.2.1",
 		"react": "^18.2.0",
@@ -70,34 +66,34 @@
 		"sharp": "^0.32.6"
 	},
 	"devDependencies": {
-		"@next/bundle-analyzer": "^13.5.5",
+		"@next/bundle-analyzer": "^14.0.1",
 		"@testing-library/react": "^14.0.0",
 		"@testing-library/user-event": "^14.5.1",
-		"@types/html-escaper": "^3.0.0",
+		"@types/html-escaper": "^3.0.1",
 		"@types/node": "18.17.9",
-		"@types/react": "^18.2.28",
-		"@types/react-dom": "^18.2.13",
-		"@unocss/cli": "^0.55.3",
-		"@unocss/eslint-plugin": "^0.55.3",
-		"@unocss/reset": "^0.55.3",
-		"@vitejs/plugin-react": "^4.1.0",
-		"@vitest/coverage-v8": "^0.34.3",
-		"concurrently": "^8.2.1",
+		"@types/react": "^18.2.36",
+		"@types/react-dom": "^18.2.14",
+		"@unocss/eslint-plugin": "^0.57.2",
+		"@unocss/postcss": "^0.57.2",
+		"@unocss/reset": "^0.57.2",
+		"@vitejs/plugin-react": "^4.1.1",
+		"@vitest/coverage-v8": "^0.34.6",
 		"cross-env": "^7.0.3",
-		"eslint": "^8.51.0",
+		"eslint": "^8.53.0",
 		"eslint-config-neon": "^0.1.57",
 		"eslint-formatter-pretty": "^5.0.0",
-		"happy-dom": "^10.11.2",
+		"happy-dom": "^12.10.3",
 		"hast-util-to-string": "^2.0.0",
 		"hastscript": "^8.0.0",
 		"html-escaper": "^3.0.3",
-		"lighthouse": "^11.2.0",
+		"lighthouse": "^11.3.0",
+		"postcss": "^8.4.31",
 		"prettier": "^3.0.3",
-		"turbo": "^1.10.15",
+		"turbo": "^1.10.16",
 		"typescript": "^5.2.2",
-		"unocss": "^0.55.3",
-		"vercel": "^32.4.1",
-		"vitest": "^0.34.3"
+		"unocss": "^0.57.2",
+		"vercel": "^32.5.0",
+		"vitest": "^0.34.6"
 	},
 	"engines": {
 		"node": ">=18.17.1"

apps/guide/postcss.config.cjs

@@ -0,0 +1,7 @@
+module.exports = {
+	plugins: {
+		'@unocss/postcss': {
+			content: ['src/**/*.tsx', 'contentlayer.config.ts', '../../packages/ui/src/lib/components/**/*.tsx'],
+		},
+	},
+};

apps/guide/src/app/_global-error.tsx

@@ -3,6 +3,9 @@
 import { inter } from '~/util/fonts';
 import { Providers } from './providers';
 
+import '~/styles/cmdk.css';
+import '~/styles/main.css';
+
 export default function GlobalError({ error }: { readonly error: Error }) {
 	console.error(error);
 

apps/guide/src/app/layout.tsx

@@ -1,28 +1,29 @@
 import { Analytics } from '@vercel/analytics/react';
-import type { Metadata } from 'next';
+import type { Metadata, Viewport } from 'next';
 import type { PropsWithChildren } from 'react';
 import { DESCRIPTION } from '~/util/constants';
 import { inter, jetBrainsMono } from '~/util/fonts';
 import { Providers } from './providers';
 
-import '@unocss/reset/tailwind-compat.css';
-import '~/styles/unocss.css';
 import '~/styles/cmdk.css';
 import '@code-hike/mdx/styles.css';
 import '~/styles/ch.css';
 import '~/styles/main.css';
 
+export const viewport: Viewport = {
+	themeColor: [
+		{ media: '(prefers-color-scheme: light)', color: '#f1f3f5' },
+		{ media: '(prefers-color-scheme: dark)', color: '#181818' },
+	],
+	colorScheme: 'light dark',
+};
+
 export const metadata: Metadata = {
 	metadataBase: new URL(
 		process.env.METADATA_BASE_URL ? process.env.METADATA_BASE_URL : `http://localhost:${process.env.PORT ?? 3_000}`,
 	),
 	title: 'discord.js',
 	description: DESCRIPTION,
-	viewport: {
-		minimumScale: 1,
-		initialScale: 1,
-		width: 'device-width',
-	},
 	icons: {
 		other: [
 			{
@@ -47,12 +48,6 @@ export const metadata: Metadata = {
 
 	manifest: '/site.webmanifest',
 
-	themeColor: [
-		{ media: '(prefers-color-scheme: light)', color: '#f1f3f5' },
-		{ media: '(prefers-color-scheme: dark)', color: '#181818' },
-	],
-	colorScheme: 'light dark',
-
 	appleWebApp: {
 		title: 'discord.js',
 	},

apps/guide/src/styles/main.css

@@ -1,3 +1,6 @@
+@import '@unocss/reset/tailwind-compat.css';
+@unocss all;
+
 body {
 	font-family: var(--font-inter);
 	min-height: 100vh;

apps/guide/tsconfig.json

@@ -18,7 +18,9 @@
 		"moduleResolution": "node",
 		"resolvePackageJsonExports": false,
 		"resolvePackageJsonImports": false,
-		"esModuleInterop": true
+		"esModuleInterop": true,
+		"allowJs": true,
+		"incremental": true
 	},
 	"include": ["src/**/*.ts", "src/**/*.tsx", "next-env.d.ts", ".next/types/**/*.ts", ".contentlayer/generated"],
 	"exclude": ["node_modules"]