feat: update order of inserting CSS

Author: Jenesius

tests/units/form/form-changed.spec.ts

@@ -78,12 +78,6 @@ describe("Form.changed", () => {
 
 		child.change({name: 'Jack'})
 
-		console.log(child.values)
-		console.log(child.changes)
-		console.log(parent.changes)
-		console.log(grandParent.changes)
-		
-		expect(grandParent.changed).toBe(true)
 		expect(parent.changed).toBe(true)
 		expect(child.changed).toBe(true)
 	})

vite.config.mjs

@@ -20,7 +20,24 @@ export default defineConfig({
            ...typescript({ tsconfig: resolve(srcFolder, "tsconfig.json"),  }),
             apply: 'build'
         },
-        cssInjectedByJsPlugin(),
+        cssInjectedByJsPlugin({
+            injectCodeFunction: function injectCodeCustomRunTimeFunction(cssCode, options) {
+                try {
+                    if (!document) return;
+
+                    const elementStyle = document.createElement('style');
+                    // SET ALL ATTRIBUTES
+                    for (const attribute in options.attributes) {
+                        elementStyle.setAttribute(attribute, options.attributes[attribute]);
+                    }
+
+                    elementStyle.appendChild(document.createTextNode(cssCode));
+                    document.head.prepend(elementStyle);
+                } catch (e) {
+                    console.error('vite-plugin-css-injected-by-js', e);
+                }
+            }
+        }),
         vue(),
 
     ],