Fix Vite CJS Node API deprecation warning

Add "type": "module" to frontend/package.json so Vite loads
vite.config.ts as ESM instead of CJS. Convert the three CJS config
files to ESM:
- tailwind.config.js: require/module.exports → import/export default
- theme/colors.js: require → import
- postcss.config.js → postcss.config.cjs (PostCSS config stays CJS)
This commit is contained in:
2026-07-08 16:28:50 +08:00
parent ee8fbb3df2
commit f2a68da116
4 changed files with 10 additions and 8 deletions
+1
View File
@@ -3,6 +3,7 @@
"version": "0.1.0",
"private": true,
"license": "MIT",
"type": "module",
"scripts": {
"dev": "vite",
"build": "vite build",
+7 -6
View File
@@ -1,11 +1,12 @@
const { slateDark } = require('@radix-ui/colors');
import { slateDark } from '@radix-ui/colors';
import { colors } from './theme/colors';
import { icons } from './theme/icons';
const defaultTheme = require('tailwindcss/defaultTheme');
const {
import defaultTheme from 'tailwindcss/defaultTheme';
import {
iconsPlugin,
getIconCollections,
} = require('@egoist/tailwindcss-icons');
} from '@egoist/tailwindcss-icons';
import typography from '@tailwindcss/typography';
const defaultSansFonts = [
'-apple-system',
@@ -255,7 +256,7 @@ const tailwindConfig = {
},
plugins: [
// eslint-disable-next-line
require('@tailwindcss/typography'),
typography,
iconsPlugin({
collections: {
woot: { icons },
@@ -273,4 +274,4 @@ const tailwindConfig = {
],
};
module.exports = tailwindConfig;
export default tailwindConfig;
+2 -2
View File
@@ -1,4 +1,4 @@
const {
import {
blue,
blueDark,
green,
@@ -11,7 +11,7 @@ const {
redDark,
violet,
violetDark,
} = require('@radix-ui/colors');
} from '@radix-ui/colors';
export const colors = {
woot: {