fix(compiler): remove compiler error for v-slots

Author: zhiyuanzmj

packages/compiler/src/transforms/vSlots.ts

@@ -1,6 +1,5 @@
-import { createCompilerError, ErrorCodes } from '@vue/compiler-dom'
 import { IRSlotType } from '../ir'
-import { isJSXComponent, resolveExpression, resolveLocation } from '../utils'
+import { isJSXComponent, resolveExpression } from '../utils'
 import type { DirectiveTransform } from '../transform'
 
 export const transformVSlots: DirectiveTransform = (dir, node, context) => {
@@ -13,14 +12,5 @@ export const transformVSlots: DirectiveTransform = (dir, node, context) => {
         slots: resolveExpression(dir.value.expression, context),
       },
     ]
-
-    if (node.children.length) {
-      context.options.onError(
-        createCompilerError(
-          ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE,
-          resolveLocation(node.children[0].loc, context),
-        ),
-      )
-    }
   }
 }

packages/compiler/test/transforms/__snapshots__/vSlots.spec.ts.snap

@@ -2,11 +2,11 @@
 
 exports[`compiler: transform v-slots > basic 1`] = `
 "
-  const n0 = _createComponent(Comp, null, {
+  const n1 = _createComponent(Comp, null, {
     $: [
       { default: ({ foo })=> <>{ foo + bar }</> }
     ]
   }, true)
-  return n0
+  return n1
 "
 `;

packages/compiler/test/transforms/vSlots.spec.ts

@@ -1,5 +1,4 @@
-import { ErrorCodes } from '@vue/compiler-dom'
-import { describe, expect, test, vi } from 'vitest'
+import { describe, expect, test } from 'vitest'
 import {
   transformChildren,
   transformElement,
@@ -28,30 +27,8 @@ const compileWithSlots = makeCompile({
 describe('compiler: transform v-slots', () => {
   test('basic', () => {
     const { code } = compileWithSlots(
-      `<Comp v-slots={{ default: ({ foo })=> <>{ foo + bar }</> }}></Comp>`,
+      `<Comp v-slots={{ default: ({ foo })=> <>{ foo + bar }</> }}> </Comp>`,
     )
     expect(code).toMatchSnapshot()
   })
-
-  test('error on invalid mixed slot usage', () => {
-    const onError = vi.fn()
-    const source = `<Comp v-slots={{ default: ({ foo })=> <>{ foo + bar }</> }}>foo</Comp>`
-    compileWithSlots(source, { onError })
-    const index = source.lastIndexOf('foo')
-    expect(onError.mock.calls[0][0]).toMatchObject({
-      code: ErrorCodes.X_V_SLOT_MIXED_SLOT_USAGE,
-      loc: {
-        start: {
-          offset: index,
-          line: 1,
-          column: index + 1,
-        },
-        end: {
-          offset: index + 3,
-          line: 1,
-          column: index + 4,
-        },
-      },
-    })
-  })
 })