\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.",[2907],{"name":2908,"color":2909},"enhancement","a2eeef",2891,"ui","Export of every components","2025-01-13T16:32:50Z","https://github.com/nuxt/ui/issues/2891",0.702888,{"labels":2917,"number":2924,"owner":2877,"repository":2877,"state":2889,"title":2925,"updated_at":2926,"url":2927,"score":2928},[2918,2920,2923],{"name":2908,"color":2919},"8DEF37",{"name":2921,"color":2922},"3.x","29bc7f",{"name":2897,"color":2898},11673,"Auto Import for named conventional plugins","2023-01-22T15:52:59Z","https://github.com/nuxt/nuxt/issues/11673",0.7050333,{"labels":2930,"number":2939,"owner":2877,"repository":2877,"state":2889,"title":2940,"updated_at":2941,"url":2942,"score":2943},[2931,2932,2935,2936],{"name":2921,"color":2922},{"name":2933,"color":2934},"dx","C39D69",{"name":2868,"color":2869},{"name":2937,"color":2938},"🔨 p3-minor","FBCA04",13176,"Errors when using a Vue components library using defineNuxtModule and third party dependencies","2023-01-19T16:48:30Z","https://github.com/nuxt/nuxt/issues/13176",0.716483,{"labels":2945,"number":2949,"owner":2877,"repository":2877,"state":2889,"title":2950,"updated_at":2951,"url":2952,"score":2953},[2946,2947],{"name":2921,"color":2922},{"name":2874,"color":2948},"E99695",13911,"Styles of unused components are being imported ","2023-01-19T17:09:15Z","https://github.com/nuxt/nuxt/issues/13911",0.7172615,{"description":2955,"labels":2956,"number":2958,"owner":2877,"repository":2878,"state":2889,"title":2959,"updated_at":2960,"url":2961,"score":2962},"Hello! \r\n\r\nI noticed a problem when using mountSuspended. If a component under test has at least one required property, a typing error occurs.\r\n\r\nCode example below:\r\n\r\n```\r\n// component.vue\r\n\u003Cscript setup lang=\"ts\">\r\ndefineProps\u003C{\r\n title: string\r\n}>()\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n {{ title }}\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\n```\r\n// component.spec.ts\r\n\u003Cscript setup lang=\"ts\">\r\nimport { describe, expect, test } from \"vitest\"\r\nimport { mountSuspended } from \"nuxt-vitest/utils\"\r\nimport Component from \"~/components/component.vue\"\r\n\r\ndescribe.concurrent(\"Component\", () => {\r\n test(\"Render\", async () => {\r\n \r\n // TypeError below\r\n const wrapper = await mountSuspended(Component, {\r\n props: {\r\n title: \"title\" ,\r\n },\r\n })\r\n })\r\n})\r\n```\r\n",[2957],{"name":2871,"color":2872},554,"Type error in moutSuspended If a component has required properties","2023-12-02T00:17:07Z","https://github.com/nuxt/test-utils/issues/554",0.7176235,{"description":2964,"labels":2965,"number":2968,"owner":2877,"repository":2877,"state":2889,"title":2969,"updated_at":2970,"url":2971,"score":2972},"\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\"/>`",[2966,2967],{"name":2874,"color":2948},{"name":2897,"color":2898},8868,"How to export without folder name?","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/8868",0.71779156,{"description":2974,"labels":2975,"number":2977,"owner":2877,"repository":2877,"state":2889,"title":2978,"updated_at":2979,"url":2980,"score":2981},"I am using Nuxt with Typescript. I create a following component:\r\n\r\n \u003Ctemplate>\r\n \u003Cdiv class=\"field\">\r\n \u003Clabel class=\"label\" v-if=\"typeof label !== 'undefined'\">{{ label }}\u003C/label>\r\n \u003Cdiv class=\"control\">\r\n \u003Ctextarea\r\n v-if=\"inputType === 'textarea'\"\r\n class=\"textarea\"\r\n @input=\"$emit('input', $event.target.value)\"\r\n >\u003C/textarea>\r\n \u003Cinput\r\n v-if=\"inputType === 'input'\"\r\n :type=\"type\"\r\n class=\"input\"\r\n @input=\"$emit('input', $event.target.value)\"\r\n >\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/template>\r\n \r\n \u003Cscript lang=\"ts\">\r\n import { Vue, Component, Prop } from \"vue-property-decorator\"\r\n \r\n @Component({})\r\n export default class AppInput extends Vue {\r\n @Prop({ type: String, required: false, default: \"input\" })\r\n inputType!: string\r\n \r\n @Prop({ type: String, required: false })\r\n label!: string\r\n \r\n @Prop({ type: String, required: false, default: \"text\" })\r\n type!: string\r\n }\r\n \u003C/script>\r\n \r\n \u003Cstyle>\r\n \u003C/style>\r\n\r\nAnd then in `@/plugins/components.ts`, I import the component as following:\r\n\r\n import Vue from \"vue\"\r\n import AppInput from \"@/components/Forms/AppInput.vue\"\r\n \r\n Vue.component(\"AppInput\", AppInput)\r\n\r\nWhen I compile the project with Nuxt, it throws me `export 'default' (imported as 'mod') was not found` error. Please help!\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9028\">#c9028\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2976],{"name":2897,"color":2898},5508,"Nuxt export 'default' (imported as 'mod') was not found","2023-01-18T20:12:55Z","https://github.com/nuxt/nuxt/issues/5508",0.7179404,["Reactive",2983],{},["Set"],["ShallowReactive",2986],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f00vB46gs5iIWXupkMiuHxUevrYvhSd7a7rglx0Ab7ow":-1},"/nuxt/ui/2765"]