TS2590 - Expression produces a union type that is too complex to represent

[SebastiaoAlterdata]

VSCode
"vue": "^3.4.9"
"typescript": "^5.3.3"

Details

Hi guys!

I have a problem with the 5+ version of TS in my vue project. When I try to define a custom element in my main.ce.ts and my component has defineEmits, I'm getting a TS error -> Expression produces a union type that is too complex to represent. I tried to config Select Typescript Version but it didn't work.

Simple Component

<script setup lang="ts">
  import { ref } from 'vue';

  const emit = defineEmits(['anyEmit']);
  const text = ref('text');
</script>
<template>
  <div>
    {{ text }}
  </div>
</template>

main.ce.ts

import { defineCustomElement } from 'vue';
import TestComponent from '@/components/TestComponent.ce.vue';

const MyComponent = defineCustomElement(TestComponent);

export { MyComponent };

customElements.define('my-component', MyComponent);

The project to test -> https://github.com/SebastiaoAlterdata/vue-ts-error.git

If I remove the defineEmits in the TestComponent, it works normally.

Any idea to about this problem?

[sadiqkhoja]

What is the type of imported .ce.vue? I am accessing .styles property of the imported SFC and getting "Unsafe member access .styles on an any value."