Getting error then importing type InputProps after update to v3.1

[Artemiy111]

Environment

• Operating System: Windows_NT
• Node Version: v22.12.0
• Nuxt Version: 3.16.2
• CLI Version: 3.25.0
• Nitro Version: 2.11.9
• Package Manager: bun@1.2.8
• Builder: -
• User Config: modules, devtools, app, css, runtimeConfig, build, future, experimental, compatibilityDate, telemetry, eslint
• Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/fonts@0.11.1, @nuxt/icon@1.12.0, @nuxt/image@1.10.0, @nuxt/ui@3.1.0, @nuxt/scripts@0.11.6, @pinia/colada-nuxt@0.1.2, @pinia/nuxt@0.11.0, @vueuse/nuxt@13.1.0
• Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.1

Reproduction

https://codesandbox.io/p/devbox/stoic-mopsa-t44pzq

<script setup lang="ts">
import type { InputProps, InputEmits } from '@nuxt/ui'
import { EyeIcon, EyeOffIcon } from 'lucide-vue-next'

const props = defineProps<Omit<InputProps, 'type'>>()
const emit = defineEmits<InputEmits>()
const model = defineModel<string>()
const show = defineModel<boolean>('show', { default: false })
</script>

<template>
  <UInput
    v-bind="props"
    v-model="model"
    :type="show ? 'text' : 'password'"
    @blur="emit('blur', $event)"
    @change="emit('change', $event)"
  >
    <template #trailing>
      <button
        type="button"
        :aria-label="show ? 'Спрятать Текст' : 'Показать текст'"
        :aria-pressed="show"
        @click="show = !show"
      >
        <EyeOffIcon
          v-if="show"
          :size="20"
        />
        <EyeIcon
          v-else
          :size="20"
        />
      </button>
    </template>
  </UInput>
</template>

Description

It was working as intended before update.

Additional context

No response

Logs

ERROR  Internal server error: [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type  
                          21:50:46

D:/projects/biplane-shop/app/src/shared/ui/kit/input-password/InputPassword.vue
3  |  import { EyeIcon, EyeOffIcon } from 'lucide-vue-next'
4  |
5  |  const props = defineProps<Omit<InputProps, 'type'>>()
   |                                 ^^^^^^^^^^
6  |  const emit = defineEmits<InputEmits>()
7  |  const model = defineModel<string>()
  Plugin: vite:vue
  File: D:/projects/biplane-shop/app/src/shared/ui/kit/input-password/InputPassword.vue
      at ScriptCompileContext.error (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:19741:11)
      at innerResolveTypeElements (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:22104:20)
      at resolveTypeElements (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:21995:20)
      at resolveBuiltin (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:22399:13)  
      at innerResolveTypeElements (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:22086:20)
      at resolveTypeElements (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:21995:20)
      at resolveRuntimePropsFromType (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:23632:20)
      at extractRuntimeProps (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:23608:17)
      at genRuntimeProps (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:23596:18) 
      at Object.compileScript (D:\projects\biplane-shop\node_modules\@vue\compiler-sfc\dist\compiler-sfc.cjs.js:24709:21)

[zAlweNy26]

Same thing, but for ButtonProps

[harkor]

Same for every components I think ?
I have an issue with CheckboxProps too

[albertcito]

Same here with FormField type:

ERROR  Internal server error: [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type                                                            9:22:15 AM

/nuxt-monorepo/packages/ui/components/form/group/index.vue
5  |  import appConfig from 'ui/util/appConfig';
6  |  
7  |  export type FormGroupProps = FormFieldProps & UiProps & {
   |                               ^^^^^^^^^^^^^^
8  |    disabled?: boolean,
9  |    readonly?: boolean,

ERROR  Pre-transform error: [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type                                                              9:22:15 AM

/nuxt-monorepo/packages/ui/components/form/group/index.vue
16 |  });
17 |  const formErrors = inject<Ref<FormError[]> | null>('form-errors', null);
18 |  const error = computed(() => (formErrors?.value?.find((e) => e.name === props.name)?.message));
   |                                      ^^^^^^^^^^^^^^
19 |  const ui = computed(() => getGroupUi({
20 |    variant: props.config

[G-Cyrille]

I had the same problem for ButtonProps, this worked for me :

import type { ButtonProps as UButtonProps } from "@nuxt/ui";

interface Props extends /* @vue-ignore */ UButtonProps {
  isPrimaryAction?: boolean;
}

const props = defineProps<Props>();

I still believe this should be fixed as nuxi/ui docs seems to indicate it should work.

[harkor]

Ignoring the error is a temporary solution but yeah, it's need to be fixed.

I'll try to find what's going on between v3.0.2 and v3.1.0

[hanneskuettner]

Looks like it might have something to do with the switch of @nuxt/module-builder to 1.0.0. This is a very similar sounding issue in their repo nuxt/module-builder#597

[benjamincanac]

This could be fixed by #4023. You can try this version: https://pkg.pr.new/@nuxt/ui@df83ab3, can you confirm?

[harkor]

@benjamincanac thanks for your PR but don't work on my side. Same error

plugin:vite:vue] [@vue/compiler-sfc] Unresolvable type reference or unsupported built-in utility type

.../app/components/ui/forms/Checkbox.vue
1  |  <script setup lang="ts">
2  |  import type { CheckboxProps } from "@nuxt/ui";
3  |  const props = defineProps<CheckboxProps>();
   |                            ^^^^^^^^^^^^^
4  |  
5  |  const ui: CheckboxProps["ui"] = {

[benjamincanac]

I'm having a hard-time reproducing this, when downloading the sandbox @Artemiy111 it seems the lockfile is broken but besides that everything works fine 😬