From 6bd603ec47c05f3437c86c08c92c993cfadfb227 Mon Sep 17 00:00:00 2001
From: hechang27-sprt <hechang27@outlook.com>
Date: Sat, 27 Dec 2025 00:27:16 +0800
Subject: [PATCH] feat: inject CSS into JS bundle to auto-load component styles

---
 package.json   | 1 +
 vite.config.ts | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/package.json b/package.json
index 19b0495..b6f7456 100644
--- a/package.json
+++ b/package.json
@@ -113,6 +113,7 @@
     "terser": "^5.44.1",
     "typescript": "~5.9.3",
     "vite": "^7.3.0",
+    "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.4"
   },
   "eslintConfig": {
diff --git a/vite.config.ts b/vite.config.ts
index a695920..8f1fc44 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -2,6 +2,7 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue";
 import legacy from "@vitejs/plugin-legacy";
 import dts from "vite-plugin-dts";
+import cssInjectedByJsPlugin from "vite-plugin-css-injected-by-js";
 import { resolve } from "path";
 
 export default defineConfig(({ command, mode }) => {
@@ -14,6 +15,8 @@ export default defineConfig(({ command, mode }) => {
     },
     plugins: [
       vue(),
+      // Inject CSS into JS for library builds
+      isLibBuild && cssInjectedByJsPlugin(),
       // Only use legacy plugin for app builds, not library builds
       !isLibBuild &&
         legacy({