\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_",[2910,2911],{"name":2882,"color":2883},{"name":2857,"color":2871},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.65413254,{"description":2918,"labels":2919,"number":2924,"owner":2860,"repository":2925,"state":2873,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### 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```",[2920,2921],{"name":2897,"color":2898},{"name":2922,"color":2923},"v3","49DCB8",2874,"ui","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.65428823,{"description":2931,"labels":2932,"number":2936,"owner":2860,"repository":2860,"state":2873,"title":2937,"updated_at":2938,"url":2939,"score":2940},"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>",[2933],{"name":2934,"color":2935},"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":2942,"labels":2943,"number":2946,"owner":2860,"repository":2925,"state":2873,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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```",[2944,2945],{"name":2897,"color":2898},{"name":2922,"color":2923},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":2952,"labels":2953,"number":2964,"owner":2860,"repository":2860,"state":2873,"title":2965,"updated_at":2966,"url":2967,"score":2968},"### 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_",[2954,2955,2958,2961],{"name":2882,"color":2883},{"name":2956,"color":2957},"workaround available","11376d",{"name":2959,"color":2960},"upstream","E8A36D",{"name":2962,"color":2963},"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,{"description":2970,"labels":2971,"number":2976,"owner":2860,"repository":2860,"state":2873,"title":2977,"updated_at":2978,"url":2979,"score":2980},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v18.17.0\r\n- Nuxt Version: 3.9.0\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@4.0.1\r\n- Builder: -\r\n- User Config: devtools, app, modules, plausible, device, tailwindcss, vite, vue, imports, ssr, spaLoadingTemplate, piniaPersistedstate, runtimeConfig\r\n- Runtime Modules: @nuxtjs/tailwindcss@6.10.3, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxtjs/device@3.1.1, @nuxtjs/plausible@0.2.4, @nuxtjs/algolia@1.10.1, @pinia-orm/nuxt@1.7.0\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://github.com/lukso-network/wallet.universalprofile.cloud\n\n### Describe the bug\n\nAfter upgrading from `nuxt@^3.6.5` to `nuxt@^3.9.0` I've started to see a lot of warnings regarding component resolving:\r\n\r\n```\r\nFailed to resolve component: lukso-sanitize\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\n```\r\n\r\nApp uses web components that's why in my `nuxt.config.ts` I have this entry which worked before upgrade:\r\n\r\n```\r\nvue: {\r\n compilerOptions: {\r\n isCustomElement: (tag: string) => {\r\n return tag.startsWith('lukso-')\r\n },\r\n },\r\n },\r\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2972,2973,2974],{"name":2882,"color":2883},{"name":2857,"color":2871},{"name":2975,"color":2901},"needs reproduction",25040,"Failed to resolve web component warning","2024-01-09T08:41:50Z","https://github.com/nuxt/nuxt/issues/25040",0.65800595,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJpRmX4w6vVtAo4yXqpMaGt_7cld5D-E3xOuR1nyE3bk":-1},"/nuxt/nuxt.com/1653"]