fix(compiler-sfc): resolve template literals without expressions as string literals

Author: KazariEX

packages/compiler-sfc/__tests__/compileScript/resolveType.spec.ts

@@ -20,13 +20,15 @@ describe('resolveType', () => {
       foo: number // property
       bar(): void // method
       'baz': string // string literal key
+      [\`qux\`]: boolean // template literal key
       (e: 'foo'): void // call signature
       (e: 'bar'): void
     }>()`)
     expect(props).toStrictEqual({
       foo: ['Number'],
       bar: ['Function'],
       baz: ['String'],
+      qux: ['Boolean'],
     })
     expect(calls?.length).toBe(2)
   })
@@ -195,7 +197,7 @@ describe('resolveType', () => {
     type T = 'foo' | 'bar'
     type S = 'x' | 'y'
     defineProps<{
-      [\`_\${T}_\${S}_\`]: string
+      [K in \`_\${T}_\${S}_\`]: string
     }>()
     `).props,
     ).toStrictEqual({

packages/compiler-sfc/src/script/resolveType.ts

@@ -337,12 +337,8 @@ function typeElementsToMap(
       }
       ;(e as MaybeWithScope)._ownerScope = scope
       const name = getId(e.key)
-      if (name && !e.computed) {
+      if (name !== null) {
         res.props[name] = e as ResolvedElements['props'][string]
-      } else if (e.key.type === 'TemplateLiteral') {
-        for (const key of resolveTemplateKeys(ctx, e.key, scope)) {
-          res.props[key] = e as ResolvedElements['props'][string]
-        }
       } else {
         ctx.error(
           `Unsupported computed key in type referenced by a macro`,

packages/compiler-sfc/src/script/utils.ts

@@ -76,7 +76,9 @@ export function getId(node: Expression) {
     ? node.name
     : node.type === 'StringLiteral'
       ? node.value
-      : null
+      : node.type === 'TemplateLiteral' && !node.expressions.length
+        ? node.quasis.map(q => q.value.cooked).join('')
+        : null
 }
 
 const identity = (str: string) => str