build: switch to bundler moduleResolution

apps/guide/src/components/H1.tsx

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, PropsWithChildren } from 'react';
 
-export default function H1({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
+export function H1({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
 	return (
 		<h1 className={`group ${className}`} {...props}>
 			{children}

apps/guide/src/components/H2.tsx

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, PropsWithChildren } from 'react';
 
-export default function H2({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
+export function H2({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
 	return (
 		<h2 className={`group ${className}`} {...props}>
 			{children}

apps/guide/src/components/H3.tsx

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, PropsWithChildren } from 'react';
 
-export default function H3({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
+export function H3({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
 	return (
 		<h3 className={`group ${className}`} {...props}>
 			{children}

apps/guide/src/components/H4.tsx

@@ -1,6 +1,6 @@
 import type { HTMLAttributes, PropsWithChildren } from 'react';
 
-export default function H4({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
+export function H4({ children, className, ...props }: PropsWithChildren<HTMLAttributes<HTMLHeadingElement>>) {
 	return (
 		<h4 className={`group ${className}`} {...props}>
 			{children}

apps/guide/src/components/Mdx.tsx

@@ -2,10 +2,10 @@
 
 import { Alert, Section, DiscordMessages, DiscordMessage, DiscordMessageEmbed } from '@discordjs/ui';
 import { useMDXComponent } from 'next-contentlayer/hooks';
-import H1 from './H1';
-import H2 from './H2';
-import H3 from './H3';
-import H4 from './H4';
+import { H1 } from './H1';
+import { H2 } from './H2';
+import { H3 } from './H3';
+import { H4 } from './H4';
 import { DocsLink } from '~/components/DocsLink';
 import { ResultingCode } from '~/components/ResultingCode';
 

apps/guide/tsconfig.json

@@ -19,7 +19,8 @@
 			"~/*": ["./src/*"],
 			"contentlayer/generated": ["./.contentlayer/generated"]
 		},
-		"strictNullChecks": true
+		"strictNullChecks": true,
+		"moduleResolution": "node"
 	},
 	"include": [
 		"src/**/*.ts",

apps/website/src/app/global-error.tsx

@@ -1,8 +1,78 @@
 'use client';
 
+import { Analytics } from '@vercel/analytics/react';
+import type { Metadata } from 'next';
 import { Providers } from './providers';
+import { DESCRIPTION } from '~/util/constants';
 import { inter } from '~/util/fonts';
 
+import '@unocss/reset/tailwind-compat.css';
+import '~/styles/unocss.css';
+import '~/styles/cmdk.css';
+import '~/styles/main.css';
+
+export const metadata: Metadata = {
+	title: 'discord.js',
+	description: DESCRIPTION,
+	viewport: {
+		minimumScale: 1,
+		initialScale: 1,
+		width: 'device-width',
+	},
+	icons: {
+		other: [
+			{
+				url: '/favicon-32x32.png',
+				sizes: '32x32',
+				type: 'image/png',
+			},
+			{
+				url: '/favicon-16x16.png',
+				sizes: '16x16',
+				type: 'image/png',
+			},
+		],
+		apple: [
+			'/apple-touch-icon.png',
+			{
+				url: '/safari-pinned-tab.svg',
+				rel: 'mask-icon',
+			},
+		],
+	},
+
+	manifest: '/site.webmanifest',
+
+	themeColor: [
+		{ media: '(prefers-color-scheme: light)', color: '#f1f3f5' },
+		{ media: '(prefers-color-scheme: dark)', color: '#1c1c1e' },
+	],
+	colorScheme: 'light dark',
+
+	appleWebApp: {
+		title: 'discord.js',
+	},
+
+	applicationName: 'discord.js',
+
+	openGraph: {
+		siteName: 'discord.js',
+		type: 'website',
+		title: 'discord.js',
+		description: DESCRIPTION,
+		images: 'https://discordjs.dev/api/open-graph.png',
+	},
+
+	twitter: {
+		card: 'summary_large_image',
+		creator: '@iCrawlToGo',
+	},
+
+	other: {
+		'msapplication-TileColor': '#1c1c1e',
+	},
+};
+
 export default function GlobalError({ error }: { error: Error }) {
 	console.error(error);
 
@@ -17,6 +87,7 @@ export default function GlobalError({ error }: { error: Error }) {
 						</div>
 					</main>
 				</Providers>
+				<Analytics />
 			</body>
 		</html>
 	);

apps/website/src/util/fetchMember.ts

@@ -1,9 +1,9 @@
 import { addPackageToModel } from '@discordjs/scripts';
 import { ApiModel, ApiFunction } from '@microsoft/api-extractor-model';
 import { notFound } from 'next/navigation';
-import { OVERLOAD_SEPARATOR, PACKAGES } from './constants';
-import { findMember, findMemberByKey } from './model';
-import { fetchModelJSON } from '~/app/docAPI';
+import { OVERLOAD_SEPARATOR, PACKAGES } from './constants.js';
+import { findMember, findMemberByKey } from './model.js';
+import { fetchModelJSON } from '~/app/docAPI.js';
 
 export interface ItemRouteParams {
 	item: string;