feat: support generated JS imports for external scoped style

ref: vitejs/vite-plugin-vue@bd5055d

Author: sxzz

src/core/index.ts

@@ -19,7 +19,11 @@ import { transformTemplateAsModule } from '../core/template'
 import { transformStyle } from '../core/style'
 import { EXPORT_HELPER_ID, helperCode } from '../core/helper'
 import { version } from '../../package.json'
-import { getDescriptor, getSrcDescriptor } from './utils/descriptorCache'
+import {
+  getDescriptor,
+  getSrcDescriptor,
+  getTempSrcDescriptor,
+} from './utils/descriptorCache'
 import { parseVueRequest } from './utils/query'
 import { handleHotUpdate, handleTypeDepChange } from './handleHotUpdate'
 // eslint-disable-next-line import/no-duplicates
@@ -323,7 +327,8 @@ export default createUnplugin<Options | undefined, false>(
         } else {
           // sub block request
           const descriptor = query.src
-            ? getSrcDescriptor(filename, query)!
+            ? getSrcDescriptor(filename, query) ||
+              getTempSrcDescriptor(filename, query)
             : getDescriptor(filename, options)!
 
           if (query.type === 'template') {
@@ -338,7 +343,7 @@ export default createUnplugin<Options | undefined, false>(
             return transformStyle(
               code,
               descriptor,
-              Number(query.index),
+              Number(query.index || 0),
               options,
               this,
               filename

src/core/utils/descriptorCache.ts

@@ -81,6 +81,26 @@ export function getSrcDescriptor(
   return cache.get(filename)!
 }
 
+export function getTempSrcDescriptor(
+  filename: string,
+  query: VueQuery
+): SFCDescriptor {
+  // this is only used for pre-compiled <style src> with scoped flag
+  return {
+    filename,
+    id: query.id || '',
+    styles: [
+      {
+        scoped: query.scoped,
+        loc: {
+          // @ts-expect-error
+          start: { line: 0, column: 0 },
+        },
+      },
+    ],
+  }
+}
+
 export function setSrcDescriptor(
   filename: string,
   entry: SFCDescriptor,

src/core/utils/query.ts

@@ -7,6 +7,7 @@ export interface VueQuery {
   raw?: boolean
   url?: boolean
   scoped?: boolean
+  id?: string
 }
 
 export function parseVueRequest(id: string): {