fix(plugin-vue): deprecate inline main (fix #31)

packages/plugin-vue/src/main.ts

@@ -12,12 +12,7 @@ import {
   getPrevDescriptor,
   setSrcDescriptor,
 } from './utils/descriptorCache'
-import {
-  canInlineMain,
-  isUseInlineTemplate,
-  resolveScript,
-  scriptIdentifier,
-} from './script'
+import { isUseInlineTemplate, resolveScript, scriptIdentifier } from './script'
 import { transformTemplateInMain } from './template'
 import { isEqualBlock, isOnlyTemplateChanged } from './handleHotUpdate'
 import { createRollupError } from './utils/error'
@@ -313,41 +308,17 @@ async function genScriptCode(
 
   const script = resolveScript(descriptor, options, ssr)
   if (script) {
-    // If the script is js/ts and has no external src, it can be directly placed
-    // in the main module.
-    if (canInlineMain(descriptor, options)) {
-      if (!options.compiler.version) {
-        // if compiler-sfc exposes no version, it's < 3.3 and doesn't support
-        // genDefaultAs option.
-        const userPlugins = options.script?.babelParserPlugins || []
-        const defaultPlugins =
-          script.lang === 'ts'
-            ? userPlugins.includes('decorators')
-              ? (['typescript'] as const)
-              : (['typescript', 'decorators-legacy'] as const)
-            : []
-        scriptCode = options.compiler.rewriteDefault(
-          script.content,
-          scriptIdentifier,
-          [...defaultPlugins, ...userPlugins],
-        )
-      } else {
-        scriptCode = script.content
-      }
-      map = script.map
-    } else {
-      if (script.src) {
-        await linkSrcToDescriptor(script.src, descriptor, pluginContext, false)
-      }
-      const src = script.src || descriptor.filename
-      const langFallback = (script.src && path.extname(src).slice(1)) || 'js'
-      const attrsQuery = attrsToQuery(script.attrs, langFallback)
-      const srcQuery = script.src ? `&src=true` : ``
-      const query = `?vue&type=script${srcQuery}${attrsQuery}`
-      const request = JSON.stringify(src + query)
-      scriptCode =
-        `import _sfc_main from ${request}\n` + `export * from ${request}` // support named exports
+    if (script.src) {
+      await linkSrcToDescriptor(script.src, descriptor, pluginContext, false)
     }
+    const src = script.src || descriptor.filename
+    const langFallback = (script.src && path.extname(src).slice(1)) || 'js'
+    const attrsQuery = attrsToQuery(script.attrs, langFallback)
+    const srcQuery = script.src ? `&src=true` : ``
+    const query = `?vue&type=script${srcQuery}${attrsQuery}`
+    const request = JSON.stringify(src + query)
+    scriptCode =
+      `import _sfc_main from ${request}\n` + `export * from ${request}` // support named exports
   }
   return {
     code: scriptCode,

packages/plugin-vue/src/script.ts

@@ -69,9 +69,6 @@ export function resolveScript(
     reactivityTransform: options.reactivityTransform !== false,
     templateOptions: resolveTemplateCompilerOptions(descriptor, options, ssr),
     sourceMap: options.sourceMap,
-    genDefaultAs: canInlineMain(descriptor, options)
-      ? scriptIdentifier
-      : undefined,
   })
 
   if (!options.isProduction && resolved?.deps) {
@@ -94,22 +91,3 @@ export function resolveScript(
   cacheToUse.set(descriptor, resolved)
   return resolved
 }
-
-// If the script is js/ts and has no external src, it can be directly placed
-// in the main module. Skip for build
-export function canInlineMain(
-  descriptor: SFCDescriptor,
-  options: ResolvedOptions,
-): boolean {
-  if (descriptor.script?.src || descriptor.scriptSetup?.src) {
-    return false
-  }
-  const lang = descriptor.script?.lang || descriptor.scriptSetup?.lang
-  if (!lang) {
-    return true
-  }
-  if (lang === 'ts' && options.devServer) {
-    return true
-  }
-  return false
-}