refactor: use filename option

Author: sapphi-red

packages/plugin-vue/src/index.ts

@@ -490,13 +490,12 @@ export default function vuePlugin(rawOptions: Options = {}): Plugin<Api> {
           if (query.type === 'template') {
             return transformTemplateAsModule(
               code,
+              filename,
               descriptor,
               options.value,
               this,
               ssr,
               customElementFilter.value(filename),
-              filename,
-              !!query.src,
             )
           } else if (query.type === 'style') {
             return transformStyle(

packages/plugin-vue/src/script.ts

@@ -74,7 +74,12 @@ export function resolveScript(
     id: descriptor.id,
     isProd: options.isProduction,
     inlineTemplate: isUseInlineTemplate(descriptor, options),
-    templateOptions: resolveTemplateCompilerOptions(descriptor, options, ssr),
+    templateOptions: resolveTemplateCompilerOptions(
+      descriptor,
+      options,
+      descriptor.filename,
+      ssr,
+    ),
     sourceMap: options.sourceMap,
     genDefaultAs: canInlineMain(descriptor, options)
       ? scriptIdentifier

packages/plugin-vue/src/template.ts

@@ -13,19 +13,19 @@ import type { ResolvedOptions } from './index'
 
 export async function transformTemplateAsModule(
   code: string,
+  filename: string,
   descriptor: SFCDescriptor,
   options: ResolvedOptions,
   pluginContext: Rollup.TransformPluginContext,
   ssr: boolean,
   customElement: boolean,
-  filename: string,
-  isSrc: boolean,
 ): Promise<{
   code: string
   map: any
 }> {
   const result = compile(
     code,
+    filename,
     descriptor,
     options,
     pluginContext,
@@ -45,15 +45,6 @@ export async function transformTemplateAsModule(
     })`
   }
 
-  if (result.map && isSrc) {
-    const vueFileIndex = result.map.sources.findIndex(
-      (source) => source === descriptor.filename,
-    )
-    if (vueFileIndex >= 0) {
-      result.map.sources[vueFileIndex] = filename
-    }
-  }
-
   return {
     code: returnCode,
     map: result.map,
@@ -73,6 +64,7 @@ export function transformTemplateInMain(
 ): SFCTemplateCompileResults {
   const result = compile(
     code,
+    descriptor.filename,
     descriptor,
     options,
     pluginContext,
@@ -91,16 +83,16 @@ export function transformTemplateInMain(
 // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
 export function compile(
   code: string,
+  filename: string,
   descriptor: SFCDescriptor,
   options: ResolvedOptions,
   pluginContext: Rollup.PluginContext,
   ssr: boolean,
   customElement: boolean,
 ) {
-  const filename = descriptor.filename
   resolveScript(descriptor, options, ssr, customElement)
   const result = options.compiler.compileTemplate({
-    ...resolveTemplateCompilerOptions(descriptor, options, ssr)!,
+    ...resolveTemplateCompilerOptions(descriptor, options, filename, ssr)!,
     source: code,
   })
 
@@ -129,6 +121,7 @@ export function compile(
 export function resolveTemplateCompilerOptions(
   descriptor: SFCDescriptor,
   options: ResolvedOptions,
+  filename: string,
   ssr: boolean,
 ): Omit<SFCTemplateCompileOptions, 'source'> | undefined {
   const block = descriptor.template
@@ -137,7 +130,7 @@ export function resolveTemplateCompilerOptions(
   }
   const resolvedScript = getResolvedScript(descriptor, ssr)
   const hasScoped = descriptor.styles.some((s) => s.scoped)
-  const { id, filename, cssVars } = descriptor
+  const { id, cssVars } = descriptor
 
   let transformAssetUrls = options.template?.transformAssetUrls
   // compiler-sfc should export `AssetURLOptions`