fix(plugins): inserted script should be in head, not after

steinjs · Jul 21, 2024 · e098459 · e098459
1 parent 9a42e4c
commit e098459
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/.changeset/funny-badgers-jam.md b/.changeset/funny-badgers-jam.md
@@ -0,0 +1,6 @@
+---
+"stein-plugin-tailwindcss": patch
+"stein-plugin-unocss": patch
+---
+
+Injected script should be before </head>, not after.
diff --git a/plugins/tailwindcss/src/index.ts b/plugins/tailwindcss/src/index.ts
@@ -48,7 +48,7 @@ export default definePlugin<Config>(() => {
       }),
 
       transformIndexHtml (html) {
-        const endHead = html.indexOf("</head>") + "</head>".length;
+        const endHead = html.indexOf("</head>");
         return html.slice(0, endHead) + `<script src="${TW_INJECT_ID}" type="module"></script>` + html.slice(endHead);
       }
     }

diff --git a/plugins/unocss/src/index.ts b/plugins/unocss/src/index.ts
@@ -69,7 +69,7 @@ export default definePlugin<Partial<Config>>((userConfiguration) => {
       },
 
       transformIndexHtml (html) {
-        const endHead = html.indexOf("</head>") + "</head>".length;
+        const endHead = html.indexOf("</head>");
         return html.slice(0, endHead) + `<script src="${UNO_INJECT_ID}" type="module"></script>` + html.slice(endHead);
       }
     }