\n\u003C/template>\n```\n\nApparently, you have to pass the component itself, but I'm unable to import components from Nuxt UI:\n\n```vue\n\u003Cscript setup>\n// This doesn't work\nimport { UCheckbox, UInput } from '@nuxt/ui';\n\u003C/script>\n\n\u003Ctemplate>\n \u003Ccomponent :is=\"typeof value === 'boolean' ? UCheckbox : UInput\" />\n\u003C/template>\n```\n\nI can use `v-if` as a workaround, but it forces me to duplicate a lot of props (class, listeners, model ...) on each component.",[3218],{"name":3219,"color":3220},"enhancement","a2eeef",2891,"ui","Export of every components","2025-01-13T16:32:50Z","https://github.com/nuxt/ui/issues/2891",0.65946203,{"description":3228,"labels":3229,"number":3231,"owner":3144,"repository":3144,"state":3172,"title":3232,"updated_at":3233,"url":3234,"score":3235},"------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.18.3\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: npm@11.1.0\n- Builder: -\n- User Config: components, css, devtools, modules, vite\n- Runtime Modules: @nuxt/fonts@0.10.3, @nuxt/icon@1.10.3, @vueuse/nuxt@12.7.0\n- Build Modules: -\n------------------------------\n\nI have 2 projects:\n\n```\nnuxt-projects/\n\tapp/\n\tui/\n```\n\nThere is package.json in each project and I did npm install.\n\nIn **app** project, I want to extends **ui**\n\n_ui nuxt.config.ts_\n```typescript\nimport tailwindcss from \"@tailwindcss/vite\";\n\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n // compatibilityDate: '2024-11-01',\n components: [\n {\n path: '~/components',\n pathPrefix: false,\n global: true, // useless for important components\n },\n ],\n css: [\"~/assets/css/main.css\"],\n devtools: { enabled: true },\n modules: [\n \"@nuxt/fonts\",\n \"@nuxt/icon\",\n \"@vueuse/nuxt\",\n ], \n vite: {\n plugins: [\n tailwindcss(),\n ],\n },\n})\n```\n\n_app nuxt.config.ts_\n\n```typescript\nimport tailwindcss from \"@tailwindcss/vite\";\n\n// https://nuxt.com/docs/api/configuration/nuxt-config\nexport default defineNuxtConfig({\n // compatibilityDate: '2024-11-01',\n components: [\n {\n path: '../ui/components', // required for import components\n pathPrefix: false,\n },\n {\n path: '~/components',\n pathPrefix: false,\n },\n ],\n\n css: [\"~/assets/css/main.css\"],\n devtools: { enabled: true },\n extends: [\"../ui\"], // useless for import components\n modules: [\n \"@nuxt/fonts\",\n \"@nuxt/icon\",\n \"@nuxt/content\",\n \"@vueuse/nuxt\",\n ],\n\n vite: {\n plugins: [\n tailwindcss(),\n ],\n },\n\n compatibilityDate: \"2025-03-05\",\n})\n```\n\nIf I add only \n\n```typescript\nextends: [\"../ui\"], \n```\n\nextends doesn't work. Ui componenets are not imported. \n\nIf I add \n\n```typescript\ncomponents: [\n {\n path: '../ui/components',\n pathPrefix: false,\n },\n```\n\nIt works but then extends is useless.\n\nCould you explain how to make works extends ?\nThere is a lack of documentation about extends.\n\n\n",[3230],{"name":3208,"color":3209},31221,"Question / Issue with nuxt extends for import components","2025-03-07T21:44:41Z","https://github.com/nuxt/nuxt/issues/31221",0.66460484,{"description":3237,"labels":3238,"number":3242,"owner":3144,"repository":3144,"state":3172,"title":3243,"updated_at":3244,"url":3245,"score":3246},"### What problem does this feature solve?\n\nI'm trying to find a way to read `props` from every .vue component in the project and write the result to a JSON file.\n\nIt should happen server side so I've tried creating a custom nuxt command and a module. The problem with these is I can't actually import a component, it's just a syntax error because components are not just JS. Even after a `nuxt build` when the components are reduced to being just JS in the `.nuxt` folder I still couldn't figure out how to read the props from that mess. I spent a few days on google, reading other modules, nuxt documentation and source code but couldn't find a way to extract details about components.\n\nWhat does work is a plugin in server only mode. I can read and write files, import components, read the props. Basically everything I wanted. But now the issue is that it's a plugin and that's not what plugins are for. This script should only run once during build but a plugin will run on every page load.\n\nSo I'd like to see a generally good way of messing with components from a command line script.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9773\">#c9773\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3239,3241],{"name":3219,"color":3240},"8DEF37",{"name":3181,"color":3182},6411,"Using components in modules","2023-01-22T15:51:03Z","https://github.com/nuxt/nuxt/issues/6411",0.6654677,{"labels":3248,"number":3251,"owner":3144,"repository":3144,"state":3172,"title":3252,"updated_at":3174,"url":3253,"score":3254},[3249,3250],{"name":3162,"color":3163},{"name":3208,"color":3209},13211,"Error \"exports are not defined\" when using defineNuxtModule to export Vue library components","https://github.com/nuxt/nuxt/issues/13211",0.66652244,["Reactive",3256],{},["Set"],["ShallowReactive",3259],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmmKGt8Abm0dOOvt6J176aTxpuTO2-29u0gTfV76djKU":-1},"/nuxt/ui/4892"]