component, e.g. `\u003CUkbd>meta K\u003C/UKbd>`. After researching the code, I realized that composable, in principle, does not support multi-input, only a known value is expected. It would be nice if there was support for entering a combination of words.\n\nI can create an MR if it really seems useful to you.\n\n### Additional context\n\n_No response_",[2045,2046,2047],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1994,"color":1995},3697,"Support for combinations in the useKbd() composable","2025-03-26T14:57:19Z","https://github.com/nuxt/ui/issues/3697",0.72407156,{"description":2054,"labels":2055,"number":2058,"owner":1997,"repository":1998,"state":2037,"title":2059,"updated_at":2060,"url":2061,"score":2062},"### Environment\n\n------------------------------\n- Operating System: Darwin\n- Node Version: v21.5.0\n- Nuxt Version: -\n- CLI Version: 3.16.0\n- Nitro Version: -\n- Package Manager: npm@10.2.4\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.0.0-alpha.10\n\n### Reproduction\n\nNo production link yet\n\n### Description\n\nThe `title` slot should return the item's title instead of active item's title.\n\nUsage:\n```javascript\n\u003CUStepper\n ref=\"stepper\"\n v-model=\"activeStep\"\n :items=\"items\"\n >\n \u003Ctemplate #title=\"{ item }\">\n \u003Ch2>{{ item.title }}\u003C/h2>\n \u003C/template>\n.....\n\u003C/UStepper>\n```\n\n\n\n### Additional context\n\nInstead of `Project` to be returned in every steps, I would like to display each item's title.\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2056,2057],{"name":2008,"color":2009},{"name":1988,"color":1989},2888,"UStepper - \"title\" slot is returning the active step's title instead of item's title","2024-12-12T23:04:45Z","https://github.com/nuxt/ui/issues/2888",0.7369738,{"description":2064,"labels":2065,"number":2068,"owner":1997,"repository":2036,"state":2037,"title":2069,"updated_at":2070,"url":2071,"score":2072},"\n",[2066],{"name":2008,"color":2067},"ff281a",728,"Newsletter submission fails","2023-02-15T12:32:48Z","https://github.com/nuxt/nuxt.com/issues/728",0.7370503,{"description":2074,"labels":2075,"number":2078,"owner":1997,"repository":1998,"state":2037,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.11.0\n- Nuxt Version: -\n- CLI Version: 3.15.0\n- Nitro Version: -\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n\n### Version\n\nCommit [845f85a](https://github.com/nuxt/ui/commit/845f85a072598f47c7afe10c4e5ebcc480450113)\n\n### Reproduction\n\nAfter creating a fresh AdonisJS project with the [Inertia and Vue 3 starter kit](https://docs.adonisjs.com/guides/getting-started/installation#inertia-starter-kit) \n```\n# Vue without server-side rendering\nnpm init adonisjs@latest -- -K=inertia --adapter=vue --no-ssr\n```\n\nHere is the procedure followed to add NuxtUI to the project https://ui3.nuxt.dev/getting-started/installation/vue\n1. Install the package with the latest commit, as the release has not yet been made \n```bash\nnpm install https://pkg.pr.new/@nuxt/ui@5a9511f\n```\n\n2. Add the Nuxt UI Vite plugin in the vite.config.ts\n```typescript\nimport ui from '@nuxt/ui/vite'\nimport { defineConfig } from 'vite'\nimport { getDirname } from '@adonisjs/core/helpers'\nimport inertia from '@adonisjs/inertia/client'\nimport vue from '@vitejs/plugin-vue'\nimport adonisjs from '@adonisjs/vite/client'\n\nexport default defineConfig({\n plugins: [\n inertia({ ssr: { enabled: false } }),\n vue(),\n adonisjs({ entrypoints: ['inertia/app/app.ts'], reload: ['resources/views/**/*.edge'] }),\n ui(),\n ],\n\n resolve: {\n alias: {\n '~/': `${getDirname(import.meta.url)}/inertia/`,\n },\n },\n})\n```\n\nHere I already have a problem: I can't launch the application.\n```bash\nfailed to load config from /Users/kamil/Documents/projects/myproject/vite.config.ts\nTypeError: The URL must be of scheme file\n```\n\nThere is no problem with the use of the library with a Vite et Vue project alone.\n\nIt seems to be a problem with Vite or AdonisJS, but the error is not very explicit. I tried with Node 18, 20 and 22.\n\nHere is the Replit to reproduce\nhttps://replit.com/@kamilcaglarcont/Adonis-x-Inertia-x-Vue-3-x-Nuxt-UI?v=1\n\n### Description\n\nHi, a few days weeks ago, the Nuxt UI 3 team made the component library [compatible with standalone Vue projects](https://github.com/nuxt/ui/issues/2129). Thank you for your work on this library 👏 !\n\nI'd like to use it with AdonisJS and Inertia.\n\n[AdonisJS](https://adonisjs.com) is a TypeScript-first web framework for building web apps and API servers. It is possible to use it with [Inertia](https://inertiajs.com) to build single-page apps with VueJS.\n\nHowever, I've never managed to use them together, despite several hours of debugging. I have an error that seems to be related to Vite.\n\n### Additional context\n\nI tried with node 18, 20 and 22.\n\n### Logs\n\n```\n[ info ] starting HTTP server...\nDebugger attached.\nfailed to load config from /Users/kamil/Documents/projects/myproject/vite.config.ts\n\n TypeError: The URL must be of scheme file\n```\nNo more logs even with `DEBUG=vite:* `",[2076,2077],{"name":2008,"color":2009},{"name":1988,"color":1989},2518,"Adding the plugin to a Vite project with AdonisJS and Inertia cause an error","2025-01-25T13:12:45Z","https://github.com/nuxt/ui/issues/2518",0.7371295,{"description":2084,"labels":2085,"number":2089,"owner":1997,"repository":1997,"state":2037,"title":2090,"updated_at":2091,"url":2092,"score":2093},"Hi,\r\nI am trying to implement Nuxt with Chartjs but I am having hard time doing that. \r\nHere is what I did according to nuxt official example: [https://github.com/nuxt/nuxt.js/tree/dev/examples/vue-chartjs](https://github.com/nuxt/nuxt.js/tree/dev/examples/vue-chartjs)\r\n\r\nI created a component at `components/bar-chart`\r\n```\r\n\u003Cscript>\r\nimport { Bar } from 'vue-chartjs'\r\n\r\nexport default Bar.extend({\r\n props: ['data', 'options'],\r\n mounted () {\r\n this.renderChart(this.data, this.options)\r\n }\r\n})\r\n\u003C/script>\r\n```\r\nin 'nuxt.config.js' I have the following:\r\n```\r\nvendor: [\r\n '~/plugins/vuetify.js',\r\n 'chart.js',\r\n 'vue-chartjs'\r\n ], \r\n```\r\nand now in my 'pages/user' this is how template looks like:\r\n```\r\n\u003Ctemplate>\r\n\u003Cv-layout row wrap>\r\n \u003Cv-flex xs12>\r\n \u003CBarChart :data=\"barChartData\" :options=\"{ maintainAspectRatio: false }\">\u003C/BarChart>\r\n \u003C/v-flex>\r\n \u003C/v-layout>\r\n\u003C/template>\r\n\u003Cscript>\r\nimport BarChart from '~/components/bar-chart'\r\n\r\nexport default {\r\n name: 'userpaneli',\r\n layout: 'userpanel',\r\n data () {\r\n return {\r\n currentView: 'OnlineShop',\r\n filter: []\r\n }\r\n },\r\n asyncData () {\r\n return {\r\n barChartData: {\r\n labels: ['January', 'February'],\r\n datasets: [\r\n {\r\n label: 'Testing this ',\r\n data: [10, 15]\r\n }\r\n ]\r\n }\r\n }\r\n },\r\n computed: {\r\n ...mapGetters({\r\n view: 'user/userRoute'\r\n })\r\n },\r\n components: {\r\n BarChart\r\n }\r\n}\r\n\u003C/script>\r\n```\r\nso above I am trying just some dump data to make it work but later I will get data from vuex store. \r\n\r\nNow after doing this I am getting this error: \r\n`__WEBPACK_IMPORTED_MODULE_0_vue_chartjs__.Bar.extend is not a function`\r\n\r\nAm I missing something can someone help me please, \r\nthnx in advance\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/c2172\">#c2172\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2086],{"name":2087,"color":2088},"2.x","d4c5f9",2503,"Nuxt + Charjs Help needed","2023-01-18T16:02:15Z","https://github.com/nuxt/nuxt/issues/2503",0.7401346,{"description":2095,"labels":2096,"number":2099,"owner":1997,"repository":1998,"state":2037,"title":2100,"updated_at":2101,"url":2102,"score":2103},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.13.1`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.22.2`\n- Nitro Version: `2.10.4`\n- Package Manager: `bun@1.2.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `ssr`, `extends`, `modules`, `css`, `components`, `ui`, `app`, `dayjs`, `icon`\n- Runtime Modules: `@nuxt/ui-pro@3.0.0-beta.2`, `dayjs-nuxt@2.1.11`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-beta.2\n\n### Reproduction\n\n```ts\nexport default defineAppConfig({\n ui: {\n colors: {\n violet: 'violet',\n },\n },\n});\n```\n\n```ts\nexport default defineNuxtConfig({\n ui: {\n theme: {\n colors: [\n 'primary', 'secondary', 'tertiary',\n 'info', 'success', 'warning',\n 'error', 'violet'\n ]\n }\n },\n});\n\n```\n\n### Description\n\nSetting a custom color with the same name as the color causes some kind of cylical referernce in the css vars between NuxtUIv3 and TWv4.\n\n\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2097,2098],{"name":2008,"color":2009},{"name":1988,"color":1989},3426,"Setting custom color alias the same name as the color does not work","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3426",0.7439068,["Reactive",2105],{},["Set"],["ShallowReactive",2108],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"rByTGN4TbdDJahWpeW-e5sYttj_FGogoJ-3Qt2OeHWc":-1},"/nuxt/nuxt.com/1225"]