\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.",[2073],{"name":1985,"color":1986},2891,"Export of every components","2025-01-13T16:32:50Z","https://github.com/nuxt/ui/issues/2891",0.7051315,{"description":2080,"labels":2081,"number":2085,"owner":1997,"repository":1997,"state":2055,"title":2086,"updated_at":2087,"url":2088,"score":2089},"\u003C!-- 馃挌 Thanks for your time to make Nuxt better with your feedbacks 馃挌\r\n\r\n**IMPORTANT** Before reporting a bug:\r\n\r\n- Please make sure that you have read through Nuxt documentation: https://nuxtjs.org\r\n- If issue is related to a module please create the issue in corresponding repository\r\n- Ensure using latest version of nuxt dependencies using `yarn upgrade nuxt` or `npm upgrade nuxt`\r\n\r\n馃憤 A properly detailed bug report can save a LOT of time and help fixing issues as soon as possible.\r\n-->\r\n\r\n### Versions\r\n\r\n- nuxt: 2.15.1\r\n- node: 15.9.0\r\n\r\n### Reproduction\r\n\r\n\u003C!--\r\nLink to a minimal test case based on one of:\r\n- A fork of https://template.nuxtjs.org\r\n- A GitHub repository that can reproduce the bug\r\nWithout a reproduction, it is so hard to address problem :(\r\n-->\r\n\r\n\u003Cdetails open>\r\n\u003Csummary>Additional Details\u003C/summary>\r\n\u003Cbr>\r\n\u003C!-- Attaching `nuxt.config`, dependencies, logs or code snippets would help to find the issue -->\r\n\u003C/details>\r\n\r\n### Steps to reproduce\r\nMy nuxt.config.js\r\n```\r\nexport default {\r\n // Global page headers (https://go.nuxtjs.dev/config-head)\r\n // mode: 'universal',\r\n ssr: false,\r\n // loading: '~/components/ui/VeLoader.vue',\r\n head: {\r\n title: 'test-store',\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: '' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }\r\n ],\r\n script: [\r\n ],\r\n // eslint-disable-next-line no-dupe-keys\r\n link: [\r\n {\r\n rel: 'stylesheet',\r\n href: 'https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600;1,700;1,800&display=swap'\r\n }\r\n ]\r\n },\r\n // Global CSS (https://go.nuxtjs.dev/config-css)\r\n css: [],\r\n // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)``\r\n plugins: [],\r\n buildModules: ['@nuxtjs/tailwindcss'],\r\n // Auto import components (https://go.nuxtjs.dev/config-components)\r\n components: true,\r\n // Modules (https://go.nuxtjs.dev/config-modules)\r\n modules: [],\r\n // Build Configuration (https://go.nuxtjs.dev/config-build)\r\n build: {\r\n },\r\n server: {\r\n host: '0', // default: localhost\r\n port: 8000\r\n }\r\n}\r\n```\r\nMy folder structure\r\n```\r\nassets\r\ncomponents\r\n --ui \r\n --Select.vue\r\n --Autocomplete.vue\r\n --Icon.vue\r\n --product\r\n\r\nlayout\r\n...etc\r\n```\r\nWhen I checked in .nuxt components index file I see \r\n```\r\nexport { default as UiSelect } from '../../components/ui/Select.vue'\r\nexport { default as UiAutocomplete } from '../../components/ui/Autocomplete.vue'\r\nexport { default as UiIcon } from '../../components/ui/Icon.vue'\r\n```\r\n \r\n### What is Expected?\r\n`\u003CSelect v-model=\"select\"/>`\r\n\r\n### What is actually happening?\r\n\r\n`\u003CUiSelect v-model=\"select\"/>`",[2082,2084],{"name":2042,"color":2083},"E99695",{"name":2063,"color":2064},8868,"How to export without folder name?","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/8868",0.70692265,{"labels":2091,"number":2097,"owner":1997,"repository":1997,"state":2055,"title":2098,"updated_at":2099,"url":2100,"score":2101},[2092,2093,2096],{"name":1985,"color":2008},{"name":2094,"color":2095},"3.x","29bc7f",{"name":2063,"color":2064},11673,"Auto Import for named conventional plugins","2023-01-22T15:52:59Z","https://github.com/nuxt/nuxt/issues/11673",0.711191,{"description":2103,"labels":2104,"number":2107,"owner":1997,"repository":1997,"state":2055,"title":2108,"updated_at":2109,"url":2110,"score":2111},"### Environment\r\n\r\nNuxi 3.4.2 8:34:16 PM\r\n 8:34:16 PM\r\nRootDir: [...]/Desktop/[....] 8:34:16 PM\r\nNuxt project info: (copied to clipboard) 8:34:16 PM\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.4.2\r\n- Nitro Version: 2.3.3\r\n- Package Manager: yarn@1.22.19\r\n- Builder: vite\r\n- User Config: ssr, target, app, router, css, postcss, plugins, components, vite, modules, runtimeConfig, build, builder\r\n- Runtime Modules: @pinia/nuxt@0.4.8, nuxt-viewport@2.0.4, nuxt-icons@3.1.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nInstall version of Nuxt 3.4.2 and try to build an existing project, the project is not building I have this issue:\r\n\r\n```\r\ncaught SyntaxError: The requested module '/_nuxt/components/Alert/config.ts' does not provide an export named 'default' (at components.client.mjs:2:10)\r\n```\r\n\r\nHere is my file\r\n\r\n```\r\nimport { AlertVariant } from '@/components/Alert/typing';\r\n\r\nexport const bgColors = {\r\n [AlertVariant.SUCCESS]: 'bg-green-50',\r\n [AlertVariant.WARNING]: 'bg-yellow-50',\r\n [AlertVariant.ERROR]: 'bg-red-50'\r\n};\r\n\r\nexport const iconColors = {\r\n [AlertVariant.SUCCESS]: 'text-green-600',\r\n [AlertVariant.WARNING]: 'text-yellow-600',\r\n [AlertVariant.ERROR]: 'text-red-600'\r\n};\r\n\r\nexport const textColors = {\r\n [AlertVariant.SUCCESS]: 'text-green-600',\r\n [AlertVariant.WARNING]: 'text-yellow-600',\r\n [AlertVariant.ERROR]: 'text-red-600'\r\n};\r\n\r\nexport const buttonColors = {\r\n [AlertVariant.SUCCESS]:\r\n 'bg-green-50 text-green-500 hover:bg-green-100 focus:ring-offset-green-50 focus:ring-green-600',\r\n [AlertVariant.WARNING]:\r\n 'bg-yellow-50 text-yellow-500 hover:bg-yellow-100 focus:ring-offset-yellow-50 focus:ring-yellow-600',\r\n [AlertVariant.ERROR]: 'bg-red-50 text-red-500 hover:bg-red-100 focus:ring-offset-red-50 focus:ring-red-600'\r\n};\r\n\r\n```\r\n\r\nNote: The build is working well in 3.4.1\r\n\r\n### Describe the bug\r\n\r\nThe project is supposed to build \r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2105,2106],{"name":2094,"color":2095},{"name":2042,"color":2083},20449,"[Bug] Does not provide an export named 'default' (3.4.2)","2023-04-28T09:14:45Z","https://github.com/nuxt/nuxt/issues/20449",0.71809626,["Reactive",2113],{},["Set"],["ShallowReactive",2116],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"00vB46gs5iIWXupkMiuHxUevrYvhSd7a7rglx0Ab7ow":-1},"/nuxt/ui/2765"]