warning: unplugin-vue-better-define SyntaxError: Cannot resolve TS type: X (Nuxt + vue-macros + radix-vue)

[sondh0127]

Describe the bug

Hello macros team. I've seen similar closed issues, but I guess this one is different. As well as the limitation. In the example below, I expect the warning to not appear.

component code

<script setup lang="ts">
import { Label, type LabelProps } from 'radix-vue'
import { cn } from '@/lib/utils'

const props = defineProps<LabelProps & { class?: string }>()
</script>

<template>
  <Label
    v-bind="props"
    :class="
      cn(
        'block text-sm tracking-tight font-medium text-foreground text-left',
        props.class,
      )
    "
  >
    <slot />
  </Label>
</template>

Reproduction

https://github.com/sondh0127/nuxt-macro.git

System Info

System:
    OS: macOS 13.6
    CPU: (10) arm64 Apple M1 Pro
    Memory: 123.92 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.13.0 - ~/Library/Caches/fnm_multishells/72786_1697772348189/bin/node
    Yarn: 1.22.19 - ~/Library/Caches/fnm_multishells/72786_1697772348189/bin/yarn
    npm: 8.19.3 - ~/Library/Caches/fnm_multishells/72786_1697772348189/bin/npm
    Watchman: 2023.08.07.00 - /opt/homebrew/bin/watchman
  Browsers:
    Brave Browser: 117.1.58.137
    Chrome: 118.0.5993.88
    Safari: 16.6

Used Package Manager

yarn

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A, please open a GitHub Discussion instead.
• The provided reproduction is a minimal reproducible of the bug.

[sondh0127]

@sxzz I hope you will have time for this. Many thanks

[sxzz]

betterDefine cannot resolve all the cases. It's very limited. It can only be fixed case by case. We will fix it soon.

BTW, We're looking for a better solution for declaring props/emits.

[sondh0127]

Thank you for the information. @sxzz
*P/S: I saw that the normal defineProps work ok without warning. (if I turn off the macro module)
The type import for props is something default in Vue 3.3 according to the docs.

I tried betterDefine: false, but it doesn't seem to be working

[aviorp]

any news ?

[A-kirami]

Has it made any progress?

[sondh0127]

turn it off but you must be carefully with defineEmits by use the old syntax