\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[2004,2005,2006],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3633,"Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7371471,{"description":2013,"labels":2014,"number":2018,"owner":1994,"repository":2019,"state":1996,"title":2020,"updated_at":2021,"url":2022,"score":2023},"From my testings, only weights `400` (normal) and `700` (bold) are available out of the box by using the `@nuxtjs/tailwindcss` module like this:\r\n\r\n```html\r\n\u003Cspan class=\"font-roboto\">...\u003C/span> \u003C!-- Works -->\r\n\r\n\u003Cspan class=\"font-roboto font-bold\">...\u003C/span> \u003C!-- Works -->\r\n\r\n\u003Cspan class=\"font-roboto font-medium\">...\u003C/span> \u003C!-- Doesn't work -->\r\n```\r\n\r\n> `font-roboto` is defined in tailwind.config.\r\n\r\nAm I missing something, or do I do have to specify the other weights in the module options?",[2015],{"name":2016,"color":2017},"enhancement","a2eeef",209,"fonts","detect font weights automatically","2024-11-24T15:36:51Z","https://github.com/nuxt/fonts/issues/209",0.7429329,{"description":2025,"labels":2026,"number":2031,"owner":1994,"repository":1995,"state":1996,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Description\n\nhi\nafter i upgrade from v2 to v3 i get this error : \n\n[plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve extends base type.\nIf this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:\n\ninterface Props extends /* @vue-ignore */ Base {}\n\nNote: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.\n\n/node_modules/@nuxt/ui/dist/runtime/components/Carousel.vue\n151| const appConfig = useAppConfig()\n152| const { dir, t } = useLocale()\n153| const rootProps = useForwardProps(reactivePick(props, 'active', 'align', 'breakpoints', 'containScroll', 'dragFree', 'dragThreshold', 'duration', 'inViewThreshold', 'loop', 'skipSnaps', 'slidesToScroll', 'startIndex', 'watchDrag', 'watchResize', 'watchSlides', 'watchFocus'))\n | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n154| \n155| const prevIcon = computed(() => props.prevIcon || (dir.value === 'rtl' ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft))\n\n\ncan anyone help me ?",[2027,2030],{"name":2028,"color":2029},"question","d876e3",{"name":1988,"color":1989},3873,"[@vue/compiler-sfc] Failed to resolve extends base type.","2025-04-13T06:59:01Z","https://github.com/nuxt/ui/issues/3873",0.74469036,{"description":2037,"labels":2038,"number":2041,"owner":1994,"repository":1995,"state":1996,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### Environment\n\n- Operating System: `Linux`\n- Node Version: `v20.11.0`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.21.1`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.4.0`\n- Builder: `-`\n- Runtime Modules: `@nuxt/ui@2.21.0`\n- Build Modules: `-`\n\n\n### Version\n\n2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-flkscwuw?file=app.vue\n\n```vue\n\u003Cscript setup lang=\"ts\">\nconst fullscreen = ref\u003Cboolean>(false);\nconst isOpen = ref\u003Cboolean>(false);\n\nconst toggleModal = () => {\n isOpen.value = !isOpen.value;\n};\nconst toggleFullscreen = () => {\n fullscreen.value = !fullscreen.value;\n};\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CUButton label=\"Open modal\" @click=\"toggleModal\" />\n \u003CUModal v-model=\"isOpen\" :fullscreen=\"fullscreen\">\n \u003Cdiv class=\"p-4\">\n \u003CUButton label=\"Toggle fullscreen\" @click=\"toggleFullscreen\" />\n \u003C/div>\n \u003C/UModal>\n \u003C/div>\n\u003C/template>\n```\n\n### Description\n\nStarting from [2.18.6](https://github.com/nuxt/ui/releases/tag/v2.18.6) @nuxt/ui version, Modal component become transparent when toggle `fullscreen` property. It seems something wrong with transitions css classes in UI props.\n\n**Expected behavior:**\n1. open Modal with `fullscreen=false`\n2. set `fullscreen=true`, Modal fills all viewport\n3. set `fullscreen=false`, Modal become small again\n\n**On 2.18.5 works as expected.** \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2039,2040],{"name":1985,"color":1986},{"name":1991,"color":1992},3292,"Modal component fullscreen property toggle cause invalid css transition","2025-02-11T20:14:53Z","https://github.com/nuxt/ui/issues/3292",0.7453755,{"description":2047,"labels":2048,"number":2049,"owner":1994,"repository":2050,"state":2051,"title":2052,"updated_at":2053,"url":2054,"score":2055},"This plugin should be registered in `ProjectContentEditor.vue`\n\nhttps://discuss.prosemirror.net/t/collab-with-socket-io-and-vue-how-to-apply-changes-back-to-editor-view/2640\n\nhttps://github.com/Saul-Mirone/milkdown/blob/main/packages/plugin-collaborative/src/index.ts",[],385,"nuxt.com","closed","Collaborative plugin","2023-06-06T12:14:51Z","https://github.com/nuxt/nuxt.com/issues/385",0.70895743,{"description":2057,"labels":2058,"number":2049,"owner":1994,"repository":2062,"state":2051,"title":2063,"updated_at":2064,"url":2065,"score":2055},"### 📚 Is your documentation request related to a problem?\n\nI simply added the nuxt/script and enabled google tag manager. Locally all tests run fine however when running tests upon deploy (through sonarqube upon PR changes).\n\nThe test succeeds but there are errors on top of it causing this to fail the step. There are multiple errors which I can't reproduce locally.\n\n- Failed to parse URL from //tr.outbrain.com/unifiedPixel?....\n- NetworkError: Fetch to \"https://f.clarity.ms/collect\" failed. Error: The operation was aborted.\n- NetworkError: Fetch to \"https://analytics.tiktok.com/api/v2/pixel/act\" failed. Error: The operation was aborted.\n- NetworkError: Cross-Origin Request Blocked: The Same Origin Policy dissallows reading the remote resource at \"https://f.clarity.ms/collect\".\n\nMainly parse URL errors. However this isn't all that relevant for my testing so I was wondering if there happens to be a way to maybe disable this behaviour whilst testing?\n\n### 🔍 Where should you find it?\n\nVitest / Testing (non-existent yet?)\n\n### ℹ️ Additional context\n\n_No response_",[2059],{"name":2060,"color":2061},"documentation","0075ca","scripts","Vitest combined with GTM","2025-02-12T09:08:53Z","https://github.com/nuxt/scripts/issues/385",{"description":2067,"labels":2068,"number":2071,"owner":1994,"repository":2050,"state":2051,"title":2072,"updated_at":2073,"url":2074,"score":2075},"After updating the API, Jobs page is on error under certain circumstances : \n\nRelated commit : https://github.com/nuxtlabs/nuxt.com/commit/8962705b5d0dda99724d661efeeb4ed18e332db4\n\nEnvironment (Preview) : https://framework-p2aadzhns-nuxt-js.vercel.app/\n\n```\nTypeError: Cannot read properties of undefined (reading 'map')\n```\n\nThis is due to changes in the data structure of the API, changing from `\u003CNuxtJob[]>` to `{ data: \u003CNuxtJob[]>`. API endpoint (/api/jobs) seems to sometimes serve the outdated data.\n\n- 1 : client-side navigation from / to /support/jobs : fails\n- 2 : Server hit on /support/jobs : works\n- 3: client-side navigation back and forth to /support/jobs after 2 : works",[2069],{"name":1985,"color":2070},"ff281a",1041,"[Jobs] Error after API update","2023-06-06T12:14:28Z","https://github.com/nuxt/nuxt.com/issues/1041",0.709074,{"description":2077,"labels":2078,"number":2082,"owner":1994,"repository":1995,"state":2051,"title":2083,"updated_at":2084,"url":2085,"score":2086},"### Environment\n\nWhen navigating to any component on the `ui.nuxt.com` website, it displays a 500 error and fails to show any content.\n\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://ui.nuxt.com\n\n### Description\n\nWhen using the `ui.nuxt.com` website and navigating to any component, the site 500 errors.\n\n### Additional context\n\nOnly seems to occur on the latest version of firefox, works fine on chrome.\n\n### Logs\n\n```shell-script\n\n```",[2079,2080,2081],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3804,"`ui.nuxt.com` 500 errors","2025-04-08T00:51:08Z","https://github.com/nuxt/ui/issues/3804",0.727104,{"description":2088,"labels":2089,"number":2092,"owner":1994,"repository":1995,"state":2051,"title":2093,"updated_at":2094,"url":2095,"score":2096},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v22.11.0\n- Nuxt Version: 3.15.4\n- CLI Version: 3.22.4\n- Nitro Version: 2.11.3\n- Package Manager: pnpm@9.14.4\n- Builder: -\n- User Config: modules, css, future, imports, components, $development, $production, ui, viewport, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.0-beta.2, nuxt-viewport@2.2.0, @vueuse/nuxt@11.3.0, @nuxt/eslint@0.7.6\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\nIve pulled the newest nuxtui version and now the project stops building.\n\ni don't know how this file gets there, but in Link.vue \n\n\n### Description\n\nWhen building the nuxt project this error comes (see Logs)\n\n\n\nI've figured out, that its a problem in the Link.vue file \n`node_modules/.pnpm/@nuxt+ui@3.0.0-beta.2_@babel+parser@7.26.9_change-case@5.4.4_db0@0.3.1_embla-carousel@8.5.2_i_q4qfx5ckzgjf4ev7civq7j4agu/node_modules/@nuxt/ui/dist/runtime/components/Link.vue`\n\n\nwhen i change the \nimport statement in Link.vue \n```\nimport { isEqual, diff } from 'ohash'\n``` \n\n\n```\nimport { isEqual, diff } from 'ohash\\utils'\n``` \n\nand the dependencies in pnpm.lock.yaml\nohash: '2.0.11'\n\n```\n\"@nuxt/ui@3.0.0-beta.2(@babel/parser@7.26.9)(change-case@5.4.4)(db0@0.3.1)(embla-carousel@8.5.2)(ioredis@5.6.0)(magicast@0.3.5)(typescript@5.8.2)(vite@6.2.0(@types/node@22.13.9)(jiti@2.4.2)(lightningcss@1.29.2)(terser@5.39.0)(yaml@2.7.0))(vue@3.5.13(typescript@5.8.2))\":\n dependencies:\n (...)\n ohash: 2.0.11 (here i changed from 1.1.6 to 2.0.11)\n (...)\n transitivePeerDependencies:\n (...)\n ```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\nError Logs\n\n[nitro 2:41:31 PM] ERROR RollupError: node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/Carousel-DXJvwjnI.js (11:18): \"diff\" is not exported by \"node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/index.mjs\", imported by \"node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/Carousel-DXJvwjnI.js\".\n\n\n 9: import { U as UAvatar } from \"./Avatar-CPvn681d.js\";\n10: import { _ as __nuxt_component_0 } from \"./nuxt-link-ax0sRQHE.js\";\n11: import { isEqual, diff } from \"ohash\";\n ^\n12: import { b as useRoute, e as _appConfig, d as useAppConfig } from \"../server.mjs\";\n13: import { t as tv } from \"./tv-DPOvteaS.js\";\n\n\n[2:41:31 PM] ERROR node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/Carousel-DXJvwjnI.js (11:18): \"diff\" is not exported by \"node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/index.mjs\", imported by \"node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/Carousel-DXJvwjnI.js\".\n\n at getRollupError (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/parseAst.js:397:41)\n at error (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/parseAst.js:393:42)\n at Module.error (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:16603:16)\n at Module.traceVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:17052:29)\n at ModuleScope.findVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:14709:39)\n at ChildScope.findVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:5582:38)\n at FunctionScope.findVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:5582:38)\n at FunctionBodyScope.findVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:5582:38)\n at FunctionScope.findVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:5582:38)\n at FunctionBodyScope.findVariable (node_modules/.pnpm/rollup@4.34.9/node_modules/rollup/dist/es/shared/node-entry.js:5582:38)\n\n\n\n[2:41:31 PM] ERROR node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/Carousel-DXJvwjnI.js (11:18): \"diff\" is not exported by \"node_modules/.pnpm/ohash@2.0.11/node_modules/ohash/dist/index.mjs\", imported by \"node_modules/.cache/nuxt/.nuxt/dist/server/_nuxt/Carousel-DXJvwjnI.js\".\n\n ELIFECYCLE Command failed with exit code 1.\n```",[2090,2091],{"name":1985,"color":1986},{"name":1988,"color":1989},3470,"Nuxt UI ohash error in Caroussel Component","2025-03-11T08:15:38Z","https://github.com/nuxt/ui/issues/3470",0.73073465,["Reactive",2098],{},["Set"],["ShallowReactive",2101],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"Aguqq1ir4Whz9nIxcAOPK7OAJEi7c0zA4nOKcu2STIk":-1},"/nuxt/icon/368"]