feat: inject CSS into JS bundle to auto-load component styles

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": {

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({