\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```",[2031,2032],{"name":2002,"color":2003},{"name":2033,"color":2034},"v3","49DCB8",2824,"ui","`UApp` / `UButton` crashes the whole app","2024-12-05T13:49:01Z","https://github.com/nuxt/ui/issues/2824",0.71433055,{"description":2042,"labels":2043,"number":1987,"owner":1988,"repository":2044,"state":2023,"title":2045,"updated_at":2046,"url":2047,"score":1994},"After discussing with Ferdinand, Alex and Clement. We decided to split the Partners page into two pages: Agencies and Partners\n\nThe Partners page will list only the technology partners for now, and later on we can add the Education partners (ex: VueSchool, MasteringNuxt, etc)\n\n\n\nThe filters will be based on the front-matter of the agencies.\n\nSo far we are thinking of:\n- Country\n- Skill\n\nSimilar to https://www.prestashop.com/en/experts",[],"nuxt.com","[Community] Agencies page","2023-02-15T12:31:32Z","https://github.com/nuxt/nuxt.com/issues/743",{"description":2049,"labels":2050,"number":2054,"owner":1988,"repository":1988,"state":2023,"title":2055,"updated_at":2056,"url":2057,"score":2058},"I'm trying to use [vuetify](https://github.com/vuejs/vueify) with nuxt.js.\r\n\r\nAfter installing vuetify:\r\n`$ npm install vuetify --save-dev`\r\n\r\nI added vuetify as vendor in nuxt.config.js and the plugin:\r\n\r\n\r\n```javascript\r\n...\r\n/*\r\n ** Build configuration\r\n */\r\n build: {\r\n /*\r\n ** Run ESLINT on save\r\n */\r\n vendor: ['vuetify'],\r\n plugins: ['~plugins/vuetify'],\r\n extend (config, ctx) {\r\n if (ctx.isClient) {\r\n config.module.rules.push({\r\n enforce: 'pre',\r\n test: /\\.(js|vue)$/,\r\n loader: 'eslint-loader',\r\n exclude: /(node_modules)/\r\n })\r\n }\r\n }\r\n }\r\n}\r\n```\r\n\r\nI created /plugins/vuetify.js and looks like this:\r\n```javascript\r\nimport Vue from 'vue'\r\nimport Vuetify from 'vuetify'\r\n\r\nVue.use(Vuetify)\r\n```\r\n\r\nWhen I run the app\r\n```bash\r\n $ npm run dev\r\n```\r\n\r\nI get the following error:\r\n\r\n```bash\r\n> website@1.0.0 dev /home/dev/go/src/bitbucket.org/latamvapor/vape-city/website\r\n> nuxt\r\n\r\n nuxt:build App root: /home/dev/go/src/bitbucket.org/latamvapor/vape-city/website +0ms\r\n nuxt:build Generating .nuxt/ files... +2ms\r\nReady on http://localhost:3000\r\n nuxt:build Generating routes... +12ms\r\n nuxt:build Generating files... +11ms\r\n nuxt:build Adding webpack middleware... +15ms\r\nTypeError: arguments[i].apply is not a function\r\n at Compiler.apply (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/tapable/lib/Tapable.js:306:16)\r\n at webpack (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/webpack/lib/webpack.js:32:19)\r\n at Nuxt.createWebpackMiddleware (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/nuxt/dist/nuxt.js:801:72)\r\n at Nuxt.buildFiles$ (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/nuxt/dist/nuxt.js:545:35)\r\n at tryCatch (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/regenerator-runtime/runtime.js:64:40)\r\n at Generator.invoke [as _invoke] (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/regenerator-runtime/runtime.js:299:22)\r\n at Generator.prototype.(anonymous function) [as next] (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/regenerator-runtime/runtime.js:116:21)\r\n at onFulfilled (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/co/index.js:65:19)\r\n at /home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/co/index.js:54:5\r\n at co (/home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/node_modules/co/index.js:50:10)\r\n\r\nnpm ERR! Linux 4.4.0-57-generic\r\nnpm ERR! argv \"/usr/bin/nodejs\" \"/usr/bin/npm\" \"run\" \"dev\"\r\nnpm ERR! node v7.4.0\r\nnpm ERR! npm v4.1.1\r\nnpm ERR! code ELIFECYCLE\r\nnpm ERR! website@1.0.0 dev: `nuxt`\r\nnpm ERR! Exit status 1\r\nnpm ERR! \r\nnpm ERR! Failed at the website@1.0.0 dev script 'nuxt'.\r\nnpm ERR! Make sure you have the latest version of node.js and npm installed.\r\nnpm ERR! If you do, this is most likely a problem with the website package,\r\nnpm ERR! not with npm itself.\r\nnpm ERR! Tell the author that this fails on your system:\r\nnpm ERR! nuxt\r\nnpm ERR! You can get information on how to open an issue for this project with:\r\nnpm ERR! npm bugs website\r\nnpm ERR! Or if that isn't available, you can get their info via:\r\nnpm ERR! npm owner ls website\r\nnpm ERR! There is likely additional logging output above.\r\n\r\nnpm ERR! Please include the following file with any support request:\r\nnpm ERR! /home/dev/go/src/bitbucket.org/latamvapor/vape-city/website/npm-debug.log\r\n\r\n```\r\n\r\nIf I remove plugins: ['~plugins/vuetify'] from nuxt.config.js\r\n\r\n```javascript\r\n...\r\n /*\r\n ** Build configuration\r\n */\r\n build: {\r\n /*\r\n ** Run ESLINT on save\r\n */\r\n vendor: ['vuetify'],\r\n extend (config, ctx) {\r\n if (ctx.isClient) {\r\n config.module.rules.push({\r\n enforce: 'pre',\r\n test: /\\.(js|vue)$/,\r\n loader: 'eslint-loader',\r\n exclude: /(node_modules)/\r\n })\r\n }\r\n }\r\n }\r\n}\r\n```\r\n\r\nThe app runs.\r\n\r\nAny tips?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c322\">#c322\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2051],{"name":2052,"color":2053},"2.x","d4c5f9",371,"TypeError: arguments[i].apply is not a function when adding a plugin","2023-01-18T15:38:49Z","https://github.com/nuxt/nuxt/issues/371",0.71813846,{"labels":2060,"number":2066,"owner":1988,"repository":1988,"state":2023,"title":2067,"updated_at":2068,"url":2069,"score":2070},[2061,2062,2063],{"name":2016,"color":2017},{"name":1985,"color":2019},{"name":2064,"color":2065},"upstream","E8A36D",13207,"TypeError: __vite_ssr_import_0__.getter is not a function","2023-01-19T16:48:31Z","https://github.com/nuxt/nuxt/issues/13207",0.7230956,{"description":2072,"labels":2073,"number":2076,"owner":1988,"repository":1988,"state":2023,"title":2077,"updated_at":2078,"url":2079,"score":2080},"### Environment\n\nNuxt3\n\n- Operating System: Darwin\n- Node Version: v20.14.0\n- Nuxt Version: 3.13.2\n- CLI Version: 3.14.0\n- Nitro Version: 2.9.7\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n\n### Reproduction\n\nFresh install\n\n### Describe the bug\n\n[1] ERROR [nuxt] [request error] [unhandled] [500] __vite_ssr_import_0__.incrementer is not a function\n[1] at ./node_modules/vue-i18n/dist/vue-i18n.mjs:33:37 \n[1] at process.processTicksAndRejections (node:internal/process/task_queues:95:5) \n[1] at async ViteNodeRunner.runModule (./node_modules/vite-node/dist/client.mjs:399:5) \n[1] at async ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:381:5) \n[1] at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:206:14) \n[1] at async ViteNodeRunner.dependencyRequest (./node_modules/vite-node/dist/client.mjs:259:12) \n[1] at async ./node_modules/@nuxtjs/i18n/dist/runtime/composables/index.js:21:32 \n[1] at async ViteNodeRunner.runModule (./node_modules/vite-node/dist/client.mjs:399:5) \n[1] at async ViteNodeRunner.directRequest (./node_modules/vite-node/dist/client.mjs:381:5) \n[1] at async ViteNodeRunner.cachedRequest (./node_modules/vite-node/dist/client.mjs:206:14)\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2074,2075],{"name":1985,"color":2019},{"name":2021,"color":2006},29529,"[500] __vite_ssr_import_0__.incrementer is not a function","2024-11-01T16:42:37Z","https://github.com/nuxt/nuxt/issues/29529",0.7245801,{"labels":2082,"number":2086,"owner":1988,"repository":1988,"state":2023,"title":2087,"updated_at":2088,"url":2089,"score":2090},[2083,2084,2085],{"name":2016,"color":2017},{"name":1985,"color":2019},{"name":2021,"color":2006},13305,"[worker] __vite_ssr_import_8__.extend is not a function","2023-01-19T16:51:52Z","https://github.com/nuxt/nuxt/issues/13305",0.725863,{"description":2092,"labels":2093,"number":2096,"owner":1988,"repository":1988,"state":2023,"title":2097,"updated_at":2098,"url":2099,"score":2100},"### Environment\r\n\r\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v18.12.1`\r\n- Nuxt Version: `3.0.1-rc.0-27898092.1e8da22`\r\n- Nitro Version: `2.0.0-27897925.b91db6f`\r\n- Package Manager: `npm@8.13.2`\r\n- Builder: `vite`\r\n- User Config: `app`, `ssr`, `modules`, `css`, `typescript`, `alias`, `build`, `runtimeConfig`, `vue`, `vite`, `proxy`, `headlessui`, `image`\r\n- Runtime Modules: `@nuxtjs/tailwindcss@6.2.0`, `@pinia/nuxt@0.4.6`, `@vueuse/nuxt@9.10.0`, `@formkit/nuxt@1.0.0-beta.9-f64c966`, `nuxt-proxy@0.3.12`, `@nuxtjs/critters@0.4.0`, `nuxt-icon@0.2.5`, `nuxt-headlessui@1.1.1`, `@nuxtjs/fontaine@0.2.4`, `@nuxt/image-edge@1.0.0-27840416.dc1ed65`\r\n- Build Modules: `-`\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nn/a\r\n\r\n### Describe the bug\r\n\r\nRunning `npm run preview` (after `npm run build`) yields the following error:\r\n\r\n\r\n\r\n... located right there:\r\n\r\n\r\n\r\nThis is the content of a `Debug` on which the non-existing `extend` function is called:\r\n\r\nhttps://github.com/unjs/unenv/blob/main/src/runtime/npm/debug.ts\r\n\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2094,2095],{"name":2016,"color":2017},{"name":1985,"color":2019},12379,"TypeError: debug_1$6.Debug.extend is not a function","2023-01-19T18:19:55Z","https://github.com/nuxt/nuxt/issues/12379",0.72632855,["Reactive",2102],{},["Set"],["ShallowReactive",2105],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"1O9gdQn_pbJ6dORFTJY1FhKa8XXMcnAXVCW2UdsJeGo":-1},"/nuxt/test-utils/305"]