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:
@@ -3,6 +3,7 @@
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"license": "MIT",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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: {
|
||||
|
||||
Reference in New Issue
Block a user