yuxuanhui
844d8416bd
- Set up the main application structure with App component and routing. - Implemented global state management for UI theme using Zustand. - Created API utilities for fetching system status. - Developed system status page with responsive design and theme toggle. - Added testing setup with Vitest and initial tests for system status page. - Configured TypeScript with appropriate settings for the application. - Integrated Tailwind CSS for styling and responsive design. - Established Vite configuration for development and testing environments.
31 lines
741 B
TypeScript
31 lines
741 B
TypeScript
import tailwindcss from "@tailwindcss/vite"
|
|
import react from "@vitejs/plugin-react"
|
|
import { defineConfig, loadEnv } from "vite"
|
|
|
|
export default defineConfig(({ mode }) => {
|
|
const environment = loadEnv(mode, process.cwd(), "")
|
|
|
|
return {
|
|
plugins: [react(), tailwindcss()],
|
|
resolve: {
|
|
alias: {
|
|
"@": `${import.meta.dirname}/src`,
|
|
},
|
|
},
|
|
server: {
|
|
host: "0.0.0.0",
|
|
port: 5173,
|
|
proxy: {
|
|
"/api": {
|
|
changeOrigin: true,
|
|
target: environment.VITE_DEV_API_TARGET ?? "http://localhost:8000",
|
|
},
|
|
"/healthz": {
|
|
changeOrigin: true,
|
|
target: environment.VITE_DEV_API_TARGET ?? "http://localhost:8000",
|
|
},
|
|
},
|
|
},
|
|
}
|
|
})
|