Migrate config files to ESM if possible

.vscode/settings.json

@@ -11,6 +11,5 @@
   "files.associations": {
     "**/packages/create-app/template/**/*": "plaintext"
   },
-  "prettier.configPath": "prettier.config.cjs",
   "editor.defaultFormatter": "esbenp.prettier-vscode"
 }

examples/contentlayer/next.config.js

@@ -1,8 +1,8 @@
+import { withContentlayer } from 'next-contentlayer';
+
 /** @type {import('next').NextConfig} */
 const config = {
   reactStrictMode: true,
 };
 
-const { withContentlayer } = require('next-contentlayer');
-
-module.exports = withContentlayer(config);
+export default withContentlayer(config);

examples/contentlayer/package.json

@@ -2,6 +2,7 @@
   "name": "example-contentlayer",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "build": "next build",
     "dev": "next dev",

examples/contentlayer/postcss.config.js

@@ -1,4 +1,4 @@
-module.exports = {
+export default {
   plugins: {
     tailwindcss: {},
     autoprefixer: {},

examples/contentlayer/tailwind.config.js

@@ -1,7 +1,7 @@
-const { createPreset } = require('fumadocs-ui/tailwind-plugin');
+import { createPreset } from 'fumadocs-ui/tailwind-plugin';
 
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
   content: [
     './components/**/*.{ts,tsx}',
     './app/**/*.{ts,tsx}',

packages/ui/tailwind.config.js

@@ -1,5 +1,7 @@
+import { createPreset } from './dist/tailwind-plugin';
+
 /** @type {import('tailwindcss').Config} */
-module.exports = {
+export default {
   content: ['./src/**/*.{ts,tsx}'],
-  presets: [require('./dist/tailwind-plugin').createPreset()],
+  presets: [createPreset()],
 };

prettier.config.mjs

@@ -1,7 +1,7 @@
-const shared = require('@vercel/style-guide/prettier');
+import shared from '@vercel/style-guide/prettier';
 
 /** @type {import("prettier").Config} */
-module.exports = {
+export default {
   ...shared,
   endOfLine: 'lf',
 };