Switch to ts and ESM configs

.prettierrc.json

@@ -1,12 +0,0 @@
-{
-	"trailingComma": "es5",
-	"tabWidth": 2,
-	"useTabs": true,
-	"singleQuote": false,
-	"semi": true,
-	"bracketSameLine": false,
-	"bracketSpacing": true,
-	"jsxSingleQuote": false,
-	"quoteProps": "as-needed",
-	"endOfLine": "lf"
-}

.prettierrc.mjs

@@ -0,0 +1,15 @@
+// .prettierrc.mjs
+/** @type {import("prettier").Config} */
+export default {
+	plugins: ["prettier-plugin-tailwindcss"],
+	trailingComma: "es5",
+	tabWidth: 2,
+	useTabs: true,
+	singleQuote: false,
+	semi: true,
+	bracketSameLine: false,
+	bracketSpacing: true,
+	jsxSingleQuote: false,
+	quoteProps: "as-needed",
+	endOfLine: "lf",
+};

babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-	presets: [require.resolve("@docusaurus/core/lib/babel/preset")],
-};

babel.config.mjs

@@ -0,0 +1,3 @@
+export default {
+	presets: ["@docusaurus/core/lib/babel/preset"],
+};

tailwind.config.js

@@ -1,22 +0,0 @@
-const { fontFamily } = require("tailwindcss/defaultTheme");
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-	corePlugins: {
-		preflight: false,
-		container: false,
-	},
-	darkMode: ["class", '[data-theme="dark"]'],
-	content: ["./src/**/*.{js,jsx,tsx,html}", "./docs/**/*.{md,mdx}"],
-	theme: {
-		extend: {
-			fontFamily: {
-				sans: ['"Inter"', ...fontFamily.sans],
-				jakarta: ['"Plus Jakarta Sans"', ...fontFamily.sans],
-				mono: ['"Fira Code"', ...fontFamily.mono],
-			},
-			colors: {},
-		},
-	},
-	plugins: [],
-};

tailwind.config.ts

@@ -0,0 +1,22 @@
+import type { Config } from "tailwindcss";
+import defaultTheme from "tailwindcss/defaultTheme";
+
+export default {
+	corePlugins: {
+		preflight: false,
+		container: false,
+	},
+	darkMode: ["class", '[data-theme="dark"]'],
+	content: ["./src/**/*.{js,jsx,tsx,html}", "./docs/**/*.{md,mdx}"],
+	theme: {
+		extend: {
+			fontFamily: {
+				sans: ["Inter", ...defaultTheme.fontFamily.sans],
+				jakarta: ["Plus Jakarta Sans", ...defaultTheme.fontFamily.sans],
+				mono: ["Fira Code", ...defaultTheme.fontFamily.mono],
+			},
+			colors: {},
+		},
+	},
+	plugins: [],
+} satisfies Config;