Named slot gets ts(7053) error with <script setup> alongside normal <script>

[linfengOu]

Say I have below component: SlotComponent. It has normal <script> to define inheritAttrs: false. Also I use <script setup>:

<script lang="ts">
import { defineComponent } from "vue";
export default defineComponent({ inheritAttrs: false });
</script>

<script setup lang="ts"></script>

<template>
  <slot name="header"></slot>
  <br />
  <slot></slot>
  <br />
  <slot name="footer"></slot>
</template>

And when using it in another component:

Named slots get error:

Element implicitly has an 'any' type because expression of type '"header"' can't be used to index type '{} | {}'.
  Property 'header' does not exist on type '{} | {}'.ts(7053)

But as long as I remove <script setup lang="ts"></script>, everything is fine.

Please kindly suggest.

[yangdanping]

Seems to have the same problem.
v-bind & named slot will changes the type of components and attributes to any.
and this problem only seems to occur when setup sugar is used.

[AnyaParry]

so, what happend?