\n\t\u003C/UApp>\n\u003C/template>\n```\n\n\nRemoving the `UApp` for a `div` or `NuxtLayout` works\n\n### Description\n\nCrashes the app. The error seems to be related to the Button component, but even on a brand-new Nuxt project with no content (without even a page) it show the error below:\n\nWhen I use NuxtLayout (or other) instead of `UApp` and use the `UButton` component anywhere, it also cause the same issue\n\n### Logs\n\n```shell-script\n500\n[vite-node] [plugin:vite:vue] [VITE_ERROR] /@fs/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/runtime/components/Button.vue\n\n\u003Cscript lang=\"ts\">\nimport { tv, type VariantProps } from 'tailwind-variants'\nimport type { AppConfig } from '@nuxt/schema'\nimport _appConfig from '#build/app.config'\nimport theme from '#build/ui/button'\nimport type { LinkProps } from './Link.vue'\nimport type { UseComponentIconsProps } from '../composables/useComponentIcons'\nimport { extendDevtoolsMeta } from '../composables/extendDevtoolsMeta'\nimport type { AvatarProps } from '../types'\nimport type { PartialString } from '../types/utils'\n\nconst appConfig = _appConfig as AppConfig & { ui: { button: Partial\u003Ctypeof theme> } }\n\nconst button = tv({ extend: tv(theme), ...(appConfig.ui?.button || {}) })\n\ntype ButtonVariants = VariantProps\u003Ctypeof button>\n\nexport interface ButtonProps extends UseComponentIconsProps, Omit\u003CLinkProps, 'raw' | 'custom'> {\n label?: string\n color?: ButtonVariants['color']\n variant?: ButtonVariants['variant']\n size?: ButtonVariants['size']\n /** Render the button with equal padding on all sides. */\n square?: boolean\n /** Render the button full width. */\n block?: boolean\n /** Set loading state automatically based on the `@click` promise state */\n loadingAuto?: boolean\n onClick?: ((event: MouseEvent) => void | Promise\u003Cvoid>) | Array\u003C((event: MouseEvent) => void | Promise\u003Cvoid>)>\n class?: any\n ui?: PartialString\u003Ctypeof button.slots>\n}\n\n// Injects props to use as default in the devtools playground.\nextendDevtoolsMeta\u003CButtonProps>({ defaultProps: { label: 'Click me!' } })\n\nexport interface ButtonSlots {\n leading(props?: {}): any\n default(props?: {}): any\n trailing(props?: {}): any\n}\n\u003C/script>\n\n\u003Cscript setup lang=\"ts\">\nimport { type Ref, computed, ref, inject } from 'vue'\nimport { useForwardProps } from 'radix-vue'\nimport { useComponentIcons } from '../composables/useComponentIcons'\nimport { useButtonGroup } from '../composables/useButtonGroup'\nimport { formLoadingInjectionKey } from '../composables/useFormField'\nimport { omit } from '../utils'\nimport { pickLinkProps } from '../utils/link'\nimport UIcon from './Icon.vue'\nimport UAvatar from './Avatar.vue'\nimport ULink from './Link.vue'\n\nconst props = defineProps\u003CButtonProps>()\nconst slots = defineSlots\u003CButtonSlots>()\n\nconst linkProps = useForwardProps(pickLinkProps(props))\n\nconst { orientation, size: buttonSize } = useButtonGroup\u003CButtonProps>(props)\n\nconst loadingAutoState = ref(false)\nconst formLoading = inject\u003CRef\u003Cboolean> | undefined>(formLoadingInjectionKey, undefined)\n\nasync function onClickWrapper(event: MouseEvent) {\n loadingAutoState.value = true\n const callbacks = Array.isArray(props.onClick) ? props.onClick : [props.onClick]\n try {\n await Promise.all(callbacks.map(fn => fn?.(event)))\n } finally {\n loadingAutoState.value = false\n }\n}\n\nconst isLoading = computed(() => {\n return props.loading || (props.loadingAuto && (loadingAutoState.value || (formLoading?.value && props.type === 'submit')))\n})\n\nconst { isLeading, isTrailing, leadingIconName, trailingIconName } = useComponentIcons(\n computed(() => ({ ...props, loading: isLoading.value }))\n)\n\nconst ui = computed(() => button({\n color: props.color,\n variant: props.variant,\n size: buttonSize.value,\n loading: isLoading.value,\n block: props.block,\n square: props.square || (!slots.default && !props.label),\n leading: isLeading.value,\n trailing: isTrailing.value,\n buttonGroup: orientation.value\n}))\n\u003C/script>\n\n\u003Ctemplate>\n \u003CULink\n :type=\"type\"\n :disabled=\"disabled || isLoading\"\n :class=\"ui.base({ class: [props.class, props.ui?.base] })\"\n v-bind=\"omit(linkProps, ['type', 'disabled'])\"\n raw\n @click=\"onClickWrapper\"\n >\n \u003Cslot name=\"leading\">\n \u003CUIcon v-if=\"isLeading && leadingIconName\" :name=\"leadingIconName\" :class=\"ui.leadingIcon({ class: props.ui?.leadingIcon })\" />\n \u003CUAvatar v-else-if=\"!!avatar\" :size=\"((props.ui?.leadingAvatarSize || ui.leadingAvatarSize()) as AvatarProps['size'])\" v-bind=\"avatar\" :class=\"ui.leadingAvatar({ class: props.ui?.leadingAvatar })\" />\n \u003C/slot>\n\n \u003Cslot>\n \u003Cspan v-if=\"label\" :class=\"ui.label({ class: props.ui?.label })\" data-v-inspector=\"../../../node_modules/@nuxt/ui/dist/runtime/components/Button.vue:112:7\">\n {{ label }}\n \u003C/span>\n \u003C/slot>\n\n \u003Cslot name=\"trailing\">\n \u003CUIcon v-if=\"isTrailing && trailingIconName\" :name=\"trailingIconName\" :class=\"ui.trailingIcon({ class: props.ui?.trailingIcon })\" />\n \u003C/slot>\n \u003C/ULink>\n\u003C/template>\n\nat /@fs/Users/jeannen/Dev/apps/node_modules/@nuxt/ui/dist/runtime/components/Button.vue\n```\n\n### Additional context\n\n_No response_\n```",[2043,2045],{"name":2019,"color":2044},"d73a4a",{"name":1988,"color":1989},2824,"`UApp` / `UButton` crashes the whole app","2024-12-05T13:49:01Z","https://github.com/nuxt/ui/issues/2824",0.6839954,{"description":2052,"labels":2053,"number":2057,"owner":1994,"repository":1995,"state":2025,"title":2058,"updated_at":2059,"url":2060,"score":2061},"### Description\n\nThere is no way to achieve this with the current API. Adding a initialSlideIndex/currentSlideIndex property would be great.\n\n### Additional context\n\n_No response_",[2054,2055,2056],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3669,"Add ability to programmatically set a UCarousel to a specific slide index","2025-03-24T16:44:54Z","https://github.com/nuxt/ui/issues/3669",0.68633133,{"description":2063,"labels":2064,"number":2067,"owner":1994,"repository":1995,"state":2025,"title":2068,"updated_at":2069,"url":2070,"score":2071},"### Description\n\nSometimes we need some properties or events like selectIndex, prev/next ...\nFor example, I want to get the current image index outside of the Carousel to display something like `1/50`.\nI tried `emblaRef` and `emblaApi`, but it's always an empty object.\n\n### Additional context\n\n_No response_",[2065,2066],{"name":1985,"color":1986},{"name":1988,"color":1989},3391,"Can Carousel component expose some events?","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3391",0.69037694,{"description":2073,"labels":2074,"number":2079,"owner":1994,"repository":2024,"state":2025,"title":2080,"updated_at":2081,"url":2082,"score":2083},"- [x] `/modules`\n- [x] `/community/repositories`\n- [x] `/community/nuxters`",[2075,2076],{"name":1985,"color":2022},{"name":2077,"color":2078},"responsive","1cd1c6",685,"Move search next to filters on mobile","2023-02-15T12:32:43Z","https://github.com/nuxt/nuxt.com/issues/685",0.69186634,{"description":2085,"labels":2086,"number":2099,"owner":1994,"repository":1994,"state":2025,"title":2100,"updated_at":2101,"url":2102,"score":2103},"### Environment\n\n```\r\n- Operating System: Linux\r\n- Node Version: v20.11.0\r\n- Nuxt Version: 3.10.3\r\n- CLI Version: 3.10.1\r\n- Nitro Version: 2.9.0\r\n- Package Manager: bun@1.0.29\r\n- Builder: -\r\n- User Config: app, devtools, modules, build, sourcemap, runtimeConfig, css, imports\r\n- Runtime Modules: @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @unocss/nuxt@0.58.5, @vueuse/nuxt@10.9.0\r\n- Build Modules: -\r\n```\n\n### Reproduction\n\n```\r\nconst { data: testData } = useAsyncData\u003C{ id: 1, name: string }[] | null>('some', () => $fetch('/api/some'))\r\ntype TestDataType = MaybeRef\u003Cany[] | null>\r\ntype TestGeneric\u003CT extends TestDataType> = T extends MaybeRef\u003Cinfer U> ? U : T\r\ntype Test = TestGeneric\u003Ctypeof testData>\r\n```\r\n\r\n\r\n\r\n\n\n### Describe the bug\n\nIt was all fine till yesterday I think,\r\nI ran package updates, then this happenes.\r\nIt also happens on vueuse's some functions.\r\n\r\nAny ref types that goes into generic or function arg throws this error about [RefSymbol]\r\n\r\n```\r\nType 'Ref\u003C{ id: 1; name: string; }[] | null>' does not satisfy the constraint 'TestDataType'.\r\n Property '[RefSymbol]' is missing in type 'Ref\u003C{ id: 1; name: string; }[] | null>' but required in type 'Ref\u003Cany[] | null>'.ts(2344)\r\nreactivity.d.ts(420, 5): '[RefSymbol]' is declared here.\r\n```\n\n### Additional context\n\nI see vue's last update is from 20 hours ago,\r\nso I did \r\nnuxi cleanup\r\nremoved all the caches and lockfile of package manager\r\nremoved node_modules\r\nand re installed with vue 3.4.20,\r\nbut it wasn't fixed.\n\n### Logs\n\n_No response_",[2087,2090,2093,2096],{"name":2088,"color":2089},"3.x","29bc7f",{"name":2091,"color":2092},"pending triage","E99695",{"name":2094,"color":2095},"upstream","E8A36D",{"name":2097,"color":2098},"needs reproduction","FBCA04",26009,"typescript error on Ref type","2024-03-04T10:26:04Z","https://github.com/nuxt/nuxt/issues/26009",0.6958492,{"description":2105,"labels":2106,"number":2108,"owner":1994,"repository":2109,"state":2025,"title":2110,"updated_at":2111,"url":2112,"score":2113},"### 🐛 The bug\n\n\r\n```\r\n ERROR(vue-tsc) Binding element 'Vimeo' implicitly has an 'any' type.\r\n FILE D:/dev/test1/node_modules/.pnpm/@nuxt+scripts@0.8.4_@nuxt+devtools@1.4.1_rollup@4.21.2_vite@5.4.3_@types+node@22.5.4_terser@5_npscaliduljzxdqaosyipgid7y/node_modules/@nuxt/scripts/dist/runtime/components/ScriptVimeoPlayer.vue:187:21\r\n\r\n 185 |\r\n 186 | onMounted(() => {\r\n > 187 | onLoaded(async ({ Vimeo }) => {\r\n | ^^^^^\r\n 188 | const vimeoOptions = props.vimeoOptions || {}\r\n 189 | if (!vimeoOptions.id && props.id) {\r\n 190 | vimeoOptions.id = props.id\r\n\r\n ERROR(vue-tsc) Parameter 'instance' implicitly has an 'any' type.\r\n FILE D:/dev/test1/node_modules/.pnpm/@nuxt+scripts@0.8.4_@nuxt+devtools@1.4.1_rollup@4.21.2_vite@5.4.3_@types+node@22.5.4_terser@5_npscaliduljzxdqaosyipgid7y/node_modules/@nuxt/scripts/dist/runtime/components/ScriptYouTubePlayer.vue:61:19 \r\n\r\n 59 | }\r\n 60 | onMounted(() => {\r\n > 61 | onLoaded(async (instance) => {\r\n | ^^^^^^^^\r\n 62 | const YouTube: typeof YT & { ready: (fn: () => void) => void } = await instance.YT\r\n 63 | await new Promise\u003Cvoid>((resolve) => {\r\n 64 | if (typeof YT.Player === 'undefined')\r\n\r\n[vue-tsc] Found 2 errors. Watching for file changes.\r\n```\r\n\r\n\r\n\r\nWhen using [Nuxt Devtools](https://github.com/nuxt/devtools) in typescript strict mode and enabling type check, these two errors will be occurred.\r\n\r\n```typescript\r\nexport default defineNuxtConfig({\r\n devtools: { enabled: true },\r\n modules: ['@nuxt/scripts'],\r\n typescript: {\r\n typeCheck: true,\r\n strict: true\r\n },\r\n})\r\n```\r\n\r\nI think this might be related to https://github.com/nuxt/scripts/issues/217#issuecomment-2336846827. These are same errors as what in that comment.\r\n\r\nVersions: \r\n@nuxt/scripts: 0.8.4\r\n@nuxt/devtools : 1.4.1\r\nvue-tsc: 2.0.29\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/~/github.com/ifrvn/nuxt-scripts-issue-test\n\n### 🌈 Expected behavior\n\nno error\n\n### ℹ️ Additional context\n\n_No response_",[2107],{"name":2019,"color":2044},256,"scripts"," ERROR(vue-tsc) Binding element 'Vimeo' implicitly has an 'any' type.","2024-09-09T14:05:17Z","https://github.com/nuxt/scripts/issues/256",0.7072447,["Reactive",2115],{},["Set"],["ShallowReactive",2118],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Qu_eG-Q10AwRIkRwgCxKgFlglNLBihUydmo3mgLiBOo":-1},"/nuxt/scripts/154"]