diff --git a/vite-plugin/src/query.js b/vite-plugin/src/query.js
index 76ed8f66638..a2b7dbedca4 100644
--- a/vite-plugin/src/query.js
+++ b/vite-plugin/src/query.js
@@ -25,8 +25,15 @@ export function parseViteRequest (id) {
 
   const is = query.vue !== void 0 // is vue query?
     ? {
+        // Almost all code might get merged into a single request with no 'type' (App.vue?vue)
+        // or stay with their original 'type's (App.vue?vue&type=script&lang.ts)
         vue: () => true,
-        template: () => query.type === void 0 || query.type === 'template',
+        template: () =>
+          query.type === void 0 ||
+          query.type === 'template' ||
+          // On prod, TS code turns into a separate 'script' request.
+          // See: https://github.com/vitejs/vite/pull/7909
+          (query.type === 'script' && query['lang.ts']),
         script: (extensions = scriptExt) =>
           (query.type === void 0 || query.type === 'script') &&
           isOfExt({ query, extensions }) === true,