\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncomponents/content/Container.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nlayouts/full.vue:\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"custom-layout\">\r\n \u003Cslot />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\ncontent/index.md:\r\n```markdown\r\n---\r\nlayout: 'full'\r\n---\r\n\r\n:component-with-icon\r\n\r\n::container\r\nSlot nr 1\r\n::::container\r\nSlot nr 2\r\n::::\r\n::\r\n```\r\n\r\nThis bug prevents the site from being used in development mode due to the infinity loop. The problem does not occur in the latest beta version of nuxt-icon, but in the original project I use nuxt-ui, which uses the old version \r\n",[],157,"Infinite WARN loop with slots and nuxt-content","2024-09-06T11:17:31Z","https://github.com/nuxt/icon/issues/157",0.7127564,{"description":3169,"labels":3170,"number":3179,"owner":3140,"repository":3140,"state":3155,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### Describe the feature\r\n\r\nMoving components registration in Vuetify Nuxt module from custom Vuetify Vite plugin to Nuxt component loader (`components:extend` hook) found missing auto importing directives here.\r\n\r\nThis is done in [Vuetify Vite plugin](https://github.com/vuetifyjs/vuetify-loader/blob/master/packages/vite-plugin/src/importPlugin.ts#L28-L49) via its shared package: check `getImports.ts` and `generateImports.ts` here https://github.com/vuetifyjs/vuetify-loader/tree/master/packages/shared/src/imports \r\n\r\n### Additional information\r\n\r\n- [X] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3171,3173,3176],{"name":3151,"color":3172},"8DEF37",{"name":3174,"color":3175},"good first issue","fbca04",{"name":3177,"color":3178},"🍰 p2-nice-to-have","0E8A16",28954,"allow auto import vue directives","2025-01-17T00:15:26Z","https://github.com/nuxt/nuxt/issues/28954",0.7182472,{"description":3185,"labels":3186,"number":3193,"owner":3140,"repository":3194,"state":3155,"title":3195,"updated_at":3196,"url":3197,"score":3198},"### Description\n\nStyles with tailwindcss 4.0.13 seem to be broken after updating from NuxtUI pervious alpha.\n\n```\n\"dependencies\": {\n \"@iconify-json/ri\": \"1.2.5\",\n \"@nuxt/ui\": \"3.0.0\",\n \"@vueuse/core\": \"12.7.0\",\n \"@vueuse/nuxt\": \"12.7.0\",\n }\n```\nmain.css\n```\n@import 'tailwindcss' theme(static);\n@import '@nuxt/ui';\n```\nHas anyone else ran into this issue and if so how did you fix it?",[3187,3190],{"name":3188,"color":3189},"question","d876e3",{"name":3191,"color":3192},"v3","49DCB8",3525,"ui","Styles issue have upgrade from 3.0.0-alpha.13 to 3.0.0","2025-03-12T23:28:54Z","https://github.com/nuxt/ui/issues/3525",0.72553384,{"labels":3200,"number":3207,"owner":3140,"repository":3140,"state":3155,"title":3208,"updated_at":3209,"url":3210,"score":3211},[3201,3204],{"name":3202,"color":3203},"pending triage","E99695",{"name":3205,"color":3206},"2.x","d4c5f9",10114,"Custom directives didn't recognized by Nuxt v3","2023-01-22T15:45:12Z","https://github.com/nuxt/nuxt/issues/10114",0.7277111,{"description":3213,"labels":3214,"number":3216,"owner":3140,"repository":3140,"state":3155,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### Environment\n\n- Operating System: Windows_NT\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.8.1\r\n- Builder: -\r\n- User Config: srcDir, components, devtools, modules, vite, hooks, app, runtimeConfig\r\n- Runtime Modules: @vueuse/nuxt@10.11.0\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-vxspid?file=src%2Fplugins%2FclickOutside.ts\n\n### Describe the bug\n\nHello, not sure if you can help with this. I'm trying to implement a basic click outside functionality in a nuxt app.\r\nI'm trying to use @vueuse/components and I import @vueuse/nuxt in modules in nuxt config.\r\nmodules: [\r\n '@vueuse/nuxt',\r\n ],\r\n Then I create a plugin with this\r\n \r\n import { vOnClickOutside } from '@vueuse/components'\r\n\r\nexport default defineNuxtPlugin((nuxtApp) => {\r\n nuxtApp.vueApp.directive('clickOutside', vOnClickOutside)\r\n})\r\n\r\nHowever, I keep receiving this message after trying to use the dom element \u003COnClickOutside> in the HTML of the page :\r\n\r\n[Vue warn]: Failed to resolve component: OnClickOutside \r\nIf this is a native custom element, make sure to exclude it from \r\ncomponent resolution via compilerOptions.isCustomElement.\r\n\r\nIf I try to use the v-on-click-outside directive in the HTML I receive the following error : \r\n\r\n[Vue warn]: Failed to resolve directive: on-click-outside\r\n\r\nI don't know which would be a correct solution for this.\r\n\r\nThank you in advance for your help\r\n\r\nCarlota\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3215],{"name":3202,"color":3203},28060,"@vueuse/nuxt + @vueuse/components => vOnClickOutside","2024-07-05T22:04:25Z","https://github.com/nuxt/nuxt/issues/28060",0.72837484,{"description":3222,"labels":3223,"number":3227,"owner":3140,"repository":3154,"state":3155,"title":3228,"updated_at":3229,"url":3230,"score":3231},"https://content-v2.nuxtjs.org/guide/writing/mdc#props\n\n",[3224],{"name":3225,"color":3226},"bug","ff281a",496,"[Milkdown] On serialize, component props should keep their current format `inline` or `yaml`","2023-06-06T12:14:53Z","https://github.com/nuxt/nuxt.com/issues/496",0.7297474,{"description":3233,"labels":3234,"number":3227,"owner":3140,"repository":3238,"state":3155,"title":3239,"updated_at":3240,"url":3241,"score":3231},"",[3235],{"name":3236,"color":3237},"vitest-environment","b60205","test-utils","documentation/examples","2023-12-02T22:52:29Z","https://github.com/nuxt/test-utils/issues/496",{"description":3243,"labels":3244,"number":3246,"owner":3140,"repository":3140,"state":3155,"title":3247,"updated_at":3248,"url":3249,"score":3250},"Hello!! \r\nhow to use directive in nuxt.js?\r\n\r\n`\r\nplugins: ['~plugins/filters.js','~plugins/directive.js'];\r\n`\r\n\r\n`\r\nVue.directive('nferror', {\r\n bind: function() {\r\n console.log(\"bind\")\r\n },\r\n update: function() {\r\n },\r\n unbind: function() {\r\n }\r\n});\r\n`\r\n\r\n\r\n`\u003Cp class=\"font-count\" nferror :class=\"isError\">\u003C/p>`\r\n \r\n\r\n\r\n\r\nIt's not working\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/c737\">#c737\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3245],{"name":3205,"color":3206},860,"Vue directive","2023-01-18T15:39:54Z","https://github.com/nuxt/nuxt/issues/860",0.73356503,["Reactive",3252],{},["Set"],["ShallowReactive",3255],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fU5nOO55rmlFxRGqDIp5g2fxJnnnvHhuhn287yRbschI":-1},"/nuxt/nuxt.com/1197"]