\n \u003C/slot>\n \u003C/PaginationNext>\n \u003CPaginationLast v-if=\"showControls || !!slots.last\" as-child>\n \u003Cslot name=\"last\">\n \u003CUButton :color=\"color\" :variant=\"variant\" :size=\"size\" :icon=\"lastIcon\" :to=\" to?.(pageCount)\" />\n \u003C/slot>\n \u003C/PaginationLast>\n```\n\nA change as simple as `:to=\"page \u003C pageCount ? to?.(page + 1) : undefined` is all the love it needs.\n\n(I've never been involved with GitHub much, so please forgive me for not PR'ing or getting anything wrong in this bug report.)\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2009,2012],{"name":2010,"color":2011},"bug","d73a4a",{"name":1988,"color":1989},3008,"UPagination: \"Next\" link navigates to \"Last\"","https://github.com/nuxt/ui/issues/3008",0.76684535,{"description":2018,"labels":2019,"number":2020,"owner":1991,"repository":2021,"state":1993,"title":2022,"updated_at":2023,"url":2024,"score":2025},"[nuxi build](https://nuxt.com/docs/api/commands/build) is missing the docs for `--preset`\r\n\r\nSource: https://github.com/nuxt/cli/blob/main/src/commands/build.ts#L22",[],1556,"nuxt.com","docs: nuxi build missing `--preset` option","2024-04-12T22:06:13Z","https://github.com/nuxt/nuxt.com/issues/1556",0.76687795,{"description":2027,"labels":2028,"number":2032,"owner":1991,"repository":2033,"state":1993,"title":2034,"updated_at":2035,"url":2036,"score":2037},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v18.18.0`\r\n- Nuxt Version: `3.9.0`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `bun@1.0.20`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`, `primevue`, `css`, `components`, `imports`, `i18n`, `supabase`, `runtimeConfig`, `experimental`, `vite`, `testUtils`\r\n- Runtime Modules: `@vueuse/nuxt@10.7.1`, `@nuxtjs/supabase@1.1.4`, `@nuxtjs/eslint-module@4.1.0`, `@nuxtjs/i18n@8.0.0-rc.5`, `@nuxtjs/stylelint-module@5.1.0`, `@pinia/nuxt@0.5.1`, `@pinia-plugin-persistedstate/nuxt@1.2.0`, `@element-plus/nuxt@1.0.7`, `nuxt-icon@0.6.8`, `@samk-dev/nuxt-vcalendar@1.0.2`, `@nuxt/image@1.1.0`, `nuxt-primevue@0.2.2`, `dayjs-nuxt@2.1.9`, `@nuxt/test-utils/module@3.9.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nupdate the package to 3.9.0. and put '@nuxt/test-utils/module' into modules in nuxt.config.\r\nthen in some reasons, it goes error when nuxt modules trying to import explicitly from #imports or #build.\r\n\r\n### Describe the bug\r\n\r\nI just updated test-utils as nuxt-vitest archived, and set config like you mentioned.\r\nand running nuxt, it goes error.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nCould not resolve \"#imports\"\r\n\r\n node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:5:46:\r\n 5 │ import { defineComponent, useRouter, h } from '#imports';\r\n ╵ ~~~~~~~~~~\r\n\r\n You can mark the path \"#imports\" as external to exclude it from the bundle, which will remove this\r\n error and leave the unresolved path in the bundle.\r\n\r\n✘ [ERROR] Could not resolve \"#build/root-component.mjs\"\r\n\r\n node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:6:21:\r\n 6 │ import NuxtRoot from '#build/root-component.mjs';\r\n ╵ ~~~~~~~~~~~~~~~~~~~~~~~~~~~\r\n\r\n You can mark the path \"#build/root-component.mjs\" as external to exclude it from the bundle, which\r\n will remove this error and leave the unresolved path in the bundle.\r\n-------------------------------------------\r\nerror while updating dependencies: 2:11:00 PM\r\nError: Build failed with 2 errors:\r\nnode_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:5:46: ERROR: Could not resolve \"#imports\"\r\nnode_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:6:21: ERROR: Could not resolve \"#build/root-component.mjs\"\r\n```\r\n",[2029],{"name":2030,"color":2031},"pending triage","5D08F5",681,"test-utils","Error occurred after updating 3.9","2024-08-02T12:51:47Z","https://github.com/nuxt/test-utils/issues/681",0.7748297,{"description":2039,"labels":2040,"number":2050,"owner":1991,"repository":2033,"state":1993,"title":2051,"updated_at":2052,"url":2053,"score":2054},"I'm setting up the nuxt-vitest module in my project. Though I'm running into some issues getting a simple test, I use mountSuspended(Logo) to test the mounting of a Logo component. This component uses i18n. Whereas when I'm using mount from Vitest the test passes.\r\n\r\nThe error I'm getting is as follows:\r\n```\r\nVitest caught 1 unhandled error during the test run.\r\nThis might cause false positive tests. Resolve unhandled errors to make sure your tests are not affected.\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Rejection ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\nSyntaxError: Need to install with `app.use` function\r\n ❯ Module.createCompileError ../node_modules/.pnpm/@intlify+message-compiler@9.3.0-beta.17/node_modules/@intlify/message-compiler/dist/message-compiler.mjs:54:19\r\n ❯ createI18nError ../node_modules/.pnpm/vue-i18n@9.3.0-beta.17_vue@3.3.4/node_modules/vue-i18n/dist/vue-i18n.runtime.mjs:97:34\r\n 96| [I18nErrorCodes.INVALID_ARGUMENT]: 'Invalid argument',\r\n 97| [I18nErrorCodes.MUST_BE_CALL_SETUP_TOP]: 'Must be called at the top of a `setup` function',\r\n 98| [I18nErrorCodes.NOT_INSLALLED]: 'Need to install with `app.use` function',\r\n | ^\r\n 99| [I18nErrorCodes.UNEXPECTED_ERROR]: 'Unexpected error',\r\n 100| [I18nErrorCodes.NOT_AVAILABLE_IN_LEGACY_MODE]: 'Not available in legacy mode',\r\n ❯ Module.useI18n ../node_modules/.pnpm/vue-i18n@9.3.0-beta.17_vue@3.3.4/node_modules/vue-i18n/dist/vue-i18n.runtime.mjs:2253:15\r\n ❯ setup app.vue:33:40\r\n```\r\n\r\nAnd while we are at it. Is there a way to test with the translated i18n messages iso the keys?\r\n\r\n######\r\n\r\nHere are some snippets from my configuration.\r\nvitest.config.js\r\n```\r\n...\r\nexport default defineVitestConfig({\r\n resolve: {\r\n alias\r\n },\r\n test: {\r\n dir: tests,\r\n setupFiles: ['tests/unit.setup.ts'],\r\n environment: 'jsdom',\r\n globals: true,\r\n root: rootDir,\r\n environmentOptions: {\r\n nuxt: {\r\n rootDir\r\n }\r\n }\r\n }\r\n})\r\n```\r\n\r\n./test/nuxt/components/Logo.nuxt.spec.ts (with mountSuspended)\r\n```\r\nimport { describe, it, expect } from 'vitest'\r\n\r\nimport { mountSuspended } from 'vitest-environment-nuxt/utils'\r\nimport Logo from '@/components/header/Logo.vue'\r\n\r\ndescribe('HeaderLogo', () => {\r\n it('can mount some component', async () => {\r\n const component = await mountSuspended(Logo)\r\n expect(component.vm).toBeTruthy()\r\n expect(component.text()).toMatchInlineSnapshot(\r\n '\"global.logo-brand-name.global.logo-brand-localehomepage.logo-tagline\"'\r\n )\r\n })\r\n})\r\n```\r\n./tests/unit.setup.ts\r\n```\r\nimport { config } from '@vue/test-utils'\r\nimport { createI18n } from 'vue-i18n'\r\n\r\nimport nlNL from '~/locales/nl_NL.json'\r\n\r\nconst i18n = createI18n({\r\n legacy: false,\r\n locale: 'nl_NL',\r\n missing: (_, key) => key,\r\n messages: {\r\n nlNL\r\n }\r\n})\r\n\r\nconfig.global.mocks = {\r\n t: msg => msg\r\n}\r\nconfig.global.plugins.push(i18n)\r\n```\r\n\r\n\r\n./tests/nuxt/components/Logo.nuxt.spec.ts (without mountSuspended)\r\n```\r\nimport { mount } from '@vue/test-utils'\r\nimport { describe, it, expect } from 'vitest'\r\n\r\nimport Logo from '@/components/header/Logo.vue'\r\n\r\ndescribe('HeaderLogo', () => {\r\n it('can mount some component', () => {\r\n const component = mount(Logo)\r\n expect(component.vm).toBeTruthy()\r\n expect(component.text()).toMatchInlineSnapshot(\r\n '\"global.logo-brand-name.global.logo-brand-localehomepage.logo-tagline\"'\r\n )\r\n })\r\n})\r\n```\r\n\r\n",[2041,2044,2047],{"name":2042,"color":2043},"vitest-environment","b60205",{"name":2045,"color":2046},"needs reproduction","DE7793",{"name":2048,"color":2049},"closed-by-bot","ededed",585,"mountSuspended with i18n","2025-01-22T12:49:12Z","https://github.com/nuxt/test-utils/issues/585",0.7756184,{"description":2056,"labels":2057,"number":2063,"owner":1991,"repository":1991,"state":1993,"title":2064,"updated_at":2065,"url":2066,"score":2067},"### Environment\n\ndoc\n\n### Reproduction\n\n\r\nManual mouse selection from [Using Composables Within Plugins](https://nuxt.com/docs/guide/directory-structure/plugins#using-composables-within-plugins)\r\n\r\n```\r\nexport default defineNuxtPlugin((NuxtApp) =>\r\n const foo = useFoo()\r\n})\r\n```\r\n\n\n### Describe the bug\n\nWhen we do not click over the button `Copy to clipboard` and do a manual selection the left bracket is missing.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2058,2061],{"name":2059,"color":2060},"3.x","29bc7f",{"name":2030,"color":2062},"E99695",15676,"docs(plugins): Typo into - Using Composables Within Plugins - Example","2023-01-19T18:24:54Z","https://github.com/nuxt/nuxt/issues/15676",0.77898043,{"description":2069,"labels":2070,"number":2072,"owner":1991,"repository":1992,"state":1993,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\r\n\r\n```\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v21.6.1\r\n- Nuxt Version: 3.13.1\r\n- CLI Version: 3.13.1\r\n- Nitro Version: 2.9.7\r\n- Package Manager: bun@1.1.26\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, modules\r\n- Runtime Modules: @nuxt/ui@2.18.4\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n### Version\r\n\r\n2.18.4\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/MickL/nuxtui-colors-bug\r\n\r\n### Description\r\n\r\nWhen the color prop is created dynamically, some css styles are not generated, especially for subtle and soft variants:\r\n\r\nFor example, `subtle` badges dont have correct border color and the background colors are missing:\r\n\r\n\u003Cimg width=\"237\" alt=\"Bildschirmfoto 2024-09-14 um 18 47 17\" src=\"https://github.com/user-attachments/assets/a3dd5d73-02ae-43d5-96ff-3ef67342cb1d\">\r\n\r\nIt should look like this:\r\n\r\n\u003Cimg width=\"236\" alt=\"Bildschirmfoto 2024-09-14 um 18 46 37\" src=\"https://github.com/user-attachments/assets/7fd2bd00-f2c2-40ed-a7f8-23ec07266d29\">\r\n\r\nIn my reproduction repo I used a table:\r\n```\r\n \u003CUTable :columns :rows>\r\n \u003Ctemplate #colors-data=\"{row}\">\r\n \u003CUBadge :color=\"row.color\" variant=\"subtle\">Subtle Badge\u003C/UBadge>\r\n \u003CUButton :color=\"row.color\" variant=\"soft\">Soft Button\u003C/UButton>\r\n \u003C/template>\r\n \u003C/UTable>\r\n```",[2071],{"name":2010,"color":2011},2199,"Missing tailwind classes for dynamic colors","2024-09-23T10:31:05Z","https://github.com/nuxt/ui/issues/2199",0.77949834,{"description":2078,"labels":2079,"number":2084,"owner":1991,"repository":1992,"state":1993,"title":2085,"updated_at":2086,"url":2087,"score":2088},"### Description\n\nThe concepts of Chips and Badges are reversed. \n\nChip is the component with text, to represent status or options selected, that can also have counters, icons aside labels and in some cases a remove button.\nBadge is the component that have a notification or a counter\n\nIn my opinion:\n\nThis is a chip ⤵️\n\n\nAnd this is a Badge ⤵️\n\n\nAn example\nhttps://medium.com/design-bootcamp/ux-blueprint-03-badges-vs-chips-tags-a-friendly-guide-e38ab2217be3#:~:text=Key%20Differences,users%20navigate%20and%20manage%20content.",[2080,2083],{"name":2081,"color":2082},"question","d876e3",{"name":1988,"color":1989},3282,"The concepts of Chips and Badges are reversed","2025-02-10T09:38:39Z","https://github.com/nuxt/ui/issues/3282",0.7796319,{"description":2090,"labels":2091,"number":2094,"owner":1991,"repository":1992,"state":1993,"title":2095,"updated_at":2096,"url":2097,"score":2098},"### Description\n\nI can see there was some changes [here](https://github.com/nuxt/ui/pull/3123) which is great.\n\nI'm just wondering why the 'help' property was excluded from these additions?\n\nThank you!",[2092,2093],{"name":2081,"color":2082},{"name":1988,"color":1989},3685,"Was UFormField 'help' property excluded from the aria-describedby update for any specific reason?","2025-03-26T12:47:39Z","https://github.com/nuxt/ui/issues/3685",0.78144807,["Reactive",2100],{},["Set"],["ShallowReactive",2103],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"L0303EETccExK5KbZlaIGCyVLDVtovCIC_6qhn2In_8":-1},"/nuxt/icon/321"]