\r\n \u003CNuxtWelcome />\r\n \u003C/div>\r\n \u003C/template>\r\n \r\n \u003Cscript>\r\n import Header from '~/components/layouts/header.vue';\r\n \u003C/script>\r\n ```\r\n\r\n\r\n8. npm run dev\r\n\n\n### Describe the bug\n\n[Vue warn]: Failed to resolve component: Header\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement. \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3212,3213],{"name":3163,"color":3164},{"name":3138,"color":3152},19310,"If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.","2023-02-27T12:15:17Z","https://github.com/nuxt/nuxt/issues/19310",0.6541326,{"description":3220,"labels":3221,"number":3224,"owner":3141,"repository":3204,"state":3154,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.10.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@9.6.7\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, @nuxt/eslint@0.7.2, @nuxtjs/i18n@9.1.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nNone\n\n### Description\n\nThank you very much for providing such a great component library. I'm trying to use it in my personal project.\n\nThe following is the relevant code:\n```ts\nconst columns = computed(() => defaultColumns.filter(column => selectedColumns.value.includes(column.accessorKey)))\n```\n```vue\n\u003CUTable\n :columns=\"columns\"\n :data=\"data\"\n/>\n```\n\n---\nI checked the latest documentation, and the examples of UTable regarding column display control seem to have no effect, such as: https://ui3.nuxt.dev/components/table#with-column-visibility.\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3222,3223],{"name":3178,"color":3179},{"name":3193,"color":3194},2874,"The update of the columns property will not trigger an update of the UTable component","2025-01-25T13:12:40Z","https://github.com/nuxt/ui/issues/2874",0.6542883,{"description":3230,"labels":3231,"number":3235,"owner":3141,"repository":3141,"state":3154,"title":3236,"updated_at":3237,"url":3238,"score":3239},"Hi there, I'm new to just about everything (Vue.js, Nuxt.js, webpack...) so if I'm asking this in the wrong place my apologies.\r\n\r\nI would like to use a Vue component such as Vuebar on my app but have as yet been unable to use pretty much any component I've tried to add. I install the package via `npm install --save vuebar` and it appears in my package.json, then I try to import it in my default layout using \r\n`import Vuebar from 'vuebar'\r\nexport default {\r\n components: {\r\n Vuebar }\r\n}`\r\nbut when I try to use it in the default layout with `\u003Cdiv v-bar>\u003C/div>` it says \"failed to resolve directive: bar\"\r\n\r\nI haven't been able to get any other packages that are used in components to work either so I can't help but think I'm missing some fundamental step here, do I need to add an alias to nuxt.config.js or something like that?\r\n\r\nAgain, my apologies for the uninformed question, if this is the wrong place please feel free to delete this.\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/c1196\">#c1196\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3232],{"name":3233,"color":3234},"2.x","d4c5f9",1349,"Can't use Vue components in Nuxt","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1349",0.65553576,{"description":3241,"labels":3242,"number":3245,"owner":3141,"repository":3204,"state":3154,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v23.1.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: bun@1.1.3\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\nhttps://github.com/brycesteve/nuxtUi500Repro\n\n### Description\n\nWhen using Nuxt UI from a layer, wrapping in `UApp` causes the following error:\n\n```\n500\nnull is not an object (evaluating 'currentRenderingInstance.ce')\n\nat renderComponentRoot (./node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3708:44)\nat renderComponentSubTree (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:465:65)\nat renderComponentVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:417:36)\nat ssrRenderComponent (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:57:32)\nat _sfc_ssrRender (:52:49)\nat renderComponentSubTree (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:460:20)\nat renderComponentVNode (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:417:36)\nat ssrRenderComponent (./node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:57:32)\nat _sfc_ssrRender (:46:49)\n```\n\nRemoving `UApp` stops the error from happening. `UApp` also works correctly when not in a layer.\n\nIn the reproduction, Nuxt UI is added to the layer in `~/layers/ui`.\n\nRunning `bun --bun run dev` in the project root causes the error. Switching to `~/layers/ui` and running `bun --bun run dev` doesn't have the same error (`App.vue` in `~/layers/ui/.playground` is the same as the root `App.vue`). So, the issue is something to do with Nuxt UI being extended from a layer. The other components I've tried seem to work ok.\n\nI have read in a few places that this might be something to do with multiple Vue instances being created. But if it is, I can't seem to find a config that allows it to work.\n\nShould Nuxt UI work from a layer, or is it not compatible this way? If it should, is there something I'm doing wrong, or does anyone have a fix to make this work?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3243,3244],{"name":3178,"color":3179},{"name":3193,"color":3194},2622,"Nuxt UI in layer causes 500 error when wrapping in UApp","2024-12-05T13:48:51Z","https://github.com/nuxt/ui/issues/2622",0.65664756,{"description":3251,"labels":3252,"number":3263,"owner":3141,"repository":3141,"state":3154,"title":3264,"updated_at":3265,"url":3266,"score":3267},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v18.16.0\n- Nuxt Version: 3.4.3\n- Nitro Version: 2.4.0\n- Package Manager: pnpm@8.5.0\n- Builder: vite\n- User Config: experimental, modules, colorMode\n- Runtime Modules: @unocss/nuxt@0.51.12, @vueuse/nuxt@10.1.2, nuxt-icon@0.4.0, nuxt-swiper@1.1.0, @nuxt/devtools@0.4.6, @nuxt/image-edge@1.0.0-28020728.5df24eb, @nuxtjs/color-mode@3.2.0\n- Build Modules: -\n\n### Reproduction\n\n\n\nThis error doesn't seem to be reproducible on Stackblitz so I have included a [github repo](https://github.com/tobychidi/nuxt-utils-import-error)\n\n### Describe the bug\n\nWhen functions are auto-imported from utils/ composables and used in Vue SFC Template, VsCode throws and error. Yes, I use the latest volar. This error appeared after `pnpm up` That bumped my Vue version to 3.3.1.\n\nI have not tried reverting Vue versions though. \n\n### Additional context\n\nExample: \n```\nProperty 'useShowSnack' does not exist on type '{ $: ComponentInternalInstance; $data: {}; $props: { key?: string | number | symbol | undefined; ref?: VNodeRef | undefined; ref_for?: boolean | undefined; ... 8 more ...; style?: unknown; }; ... 10 more ...; $watch\u003CT extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (arg...'.ts(2339)\n```\n\n_No response_\n\n### Logs\n\n_No response_",[3253,3254,3257,3260],{"name":3163,"color":3164},{"name":3255,"color":3256},"workaround available","11376d",{"name":3258,"color":3259},"upstream","E8A36D",{"name":3261,"color":3262},"upstream-bug","B60205",20827,"TS Error with auto-imports from composables and utils in Vue Template after 3.3","2024-11-07T20:13:37Z","https://github.com/nuxt/nuxt/issues/20827",0.65680325,["Reactive",3269],{},["Set"],["ShallowReactive",3272],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJpRmX4w6vVtAo4yXqpMaGt_7cld5D-E3xOuR1nyE3bk":-1},"/nuxt/nuxt.com/1653"]