From: Evan You <yyx990803@gmail.com>
Date: Tue, 28 Jul 2020 21:31:46 +0000 (-0400)
Subject: feat(sfc): support resolving template components from `<script setup>` exports
X-Git-Tag: v3.0.0-rc.5~1
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6f5d840612dbced2dbb4584c979a8f0cfc1f72f0;p=thirdparty%2Fvuejs%2Fcore.git

feat(sfc): support resolving template components from `<script setup>` exports
---

diff --git a/packages/compiler-core/src/transforms/transformElement.ts b/packages/compiler-core/src/transforms/transformElement.ts
index 3bb9a83fd2..1d93a0af86 100644
--- a/packages/compiler-core/src/transforms/transformElement.ts
+++ b/packages/compiler-core/src/transforms/transformElement.ts
@@ -244,7 +244,12 @@ export function resolveComponentType(
     return builtIn
   }
 
-  // 3. user component (resolve)
+  // 3. user component (from setup bindings)
+  if (context.bindingMetadata[tag] === 'setup') {
+    return `$setup[${JSON.stringify(tag)}]`
+  }
+
+  // 4. user component (resolve)
   context.helper(RESOLVE_COMPONENT)
   context.components.add(tag)
   return toValidAssetId(tag, `component`)
diff --git a/packages/template-explorer/src/options.ts b/packages/template-explorer/src/options.ts
index 167b23d0b8..b94bee722c 100644
--- a/packages/template-explorer/src/options.ts
+++ b/packages/template-explorer/src/options.ts
@@ -10,7 +10,12 @@ export const compilerOptions: CompilerOptions = reactive({
   hoistStatic: false,
   cacheHandlers: false,
   scopeId: null,
-  ssrCssVars: `{ color }`
+  ssrCssVars: `{ color }`,
+  bindingMetadata: {
+    TestComponent: 'setup',
+    foo: 'setup',
+    bar: 'props'
+  }
 })
 
 const App = {