`\n\nit doesn't work that way\n\nI really ask for help!",[2908,2909],{"name":2868,"color":2869},{"name":2871,"color":2872},3098,"Table filtered, sorting fetch","2025-01-14T11:05:37Z","https://github.com/nuxt/ui/issues/3098",0.6882155,{"description":2916,"labels":2917,"number":2920,"owner":2874,"repository":2875,"state":2876,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Description\n\nHi there,\n\nI'm really curious about how Nuxt UI is handling trailing slashes. In the Nuxt Content repo I can see they are using `ufo` to remove the trailing slashes, but in the Nuxt UI repo I can't find how you get rid of it. Even tho I know you can do these things on Vercel and Netlify, I'm curious how you handle it in Nuxt UI.\n\nIn my case, route.path is returning a path with a trailing slash and breaks my `queryCollection`...\n\n```vue\nconst { data: page } = await useAsyncData(\n `${route.path}/.navigation`,\n async () => {\n return await queryCollection('content').path(route.path).first();\n }\n);\n```",[2918,2919],{"name":2868,"color":2869},{"name":2871,"color":2872},3285,"Trailing slashes","2025-02-10T13:25:12Z","https://github.com/nuxt/ui/issues/3285",0.69026005,{"description":2926,"labels":2927,"number":2933,"owner":2874,"repository":2875,"state":2876,"title":2934,"updated_at":2935,"url":2936,"score":2937},"### Description\n\n### Feature Request: Add `variant` and `status-position` props to `UProgress` component\n\n#### Description\nI’m a junior developer, and I’ve been working on enhancing the flexibility of the `Progress` component by adding two new props: `variant` and `status-position`. These props allow for better customization, especially when using the `Progress` component in different design contexts.\n\n- **`variant`**: This prop allows you to choose between two styles for the progress bar: `linear` and `circular`. The `circular` variant provides a circular progress bar instead of the default linear style.\n \n- **`status-position`**: This prop controls the position of the progress status (the percentage or label) relative to the progress bar. The possible values are:\n - `inside`: The status is displayed inside the circle (for the `circular` variant).\n - `outside`: The status is displayed outside the circle.\n\n#### Motivation\nThis update would help in using the `Progress` component more flexibly across different layouts, providing options for both linear and circular progress indicators with customizable label placements.\n\n#### What I've Done\nI’m still a junior developer, so the implementation is not perfect, but a good portion of the work is done. I’ve added the `variant` and `status-position` props to the `Progress` component. I’d love to know if this is something you’d like to integrate into the main repository and whether I can open a pull request for it.\n\n#### Additional Notes\n- The `variant` prop accepts values `linear` or `circular`.\n- The `status-position` prop accepts values `inside` or `outside`.\n \nWould love to hear your thoughts on this approach!\n\n\n### Additional context\n\n[Reka UI : Progress Circular](https://reka-ui.com/examples/progress-circular)",[2928,2931,2932],{"name":2929,"color":2930},"enhancement","a2eeef",{"name":2871,"color":2872},{"name":2889,"color":2890},3728,"[UProgress]: Add `variant` and `status-position` props","2025-03-29T14:31:22Z","https://github.com/nuxt/ui/issues/3728",0.6904801,{"labels":2939,"number":2947,"owner":2874,"repository":2874,"state":2948,"title":2949,"updated_at":2950,"url":2951,"score":2952},[2940,2943,2944],{"name":2941,"color":2942},"3.x","29bc7f",{"name":2885,"color":2886},{"name":2945,"color":2946},"upstream","E8A36D",12182,"closed","ReferenceError: window is not defined","2023-01-19T15:59:20Z","https://github.com/nuxt/nuxt/issues/12182",0.6644861,{"labels":2954,"number":2959,"owner":2874,"repository":2874,"state":2948,"title":2960,"updated_at":2961,"url":2962,"score":2963},[2955,2956],{"name":2941,"color":2942},{"name":2957,"color":2958},"pending triage","E99695",14489,"VueUse `useMounted` results in \"onMounted is called when there is no active component instance\" during SSR in production mode","2023-08-30T19:48:13Z","https://github.com/nuxt/nuxt/issues/14489",0.6678856,{"description":2965,"labels":2966,"number":2969,"owner":2874,"repository":2875,"state":2948,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Description\n\ni noticed that NUXT UI / NUXT UI PRO were refactored to use tailwind's new version 3 stuff + radix...\n\ni just went to the tailwind docs today and it looks like they just skipped right past their new version 3 and went to version 4...\n\nany ideas how this effects NUXT UI/PRO? \n\nMy undersanding is that version 3->4 means it was a semver breaking change?",[2967,2968],{"name":2868,"color":2869},{"name":2871,"color":2872},3167,"tailwind version 4..?","2025-01-24T10:17:32Z","https://github.com/nuxt/ui/issues/3167",0.67010415,{"description":2975,"labels":2976,"number":2979,"owner":2874,"repository":2875,"state":2948,"title":2980,"updated_at":2981,"url":2982,"score":2983},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.13.2\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.8\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.8\n\n### Reproduction\n\n-\n\n### Description\n\nDefault classes of container in [docs](https://ui3.nuxt.dev/components/container#theme) is:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\n**But no one of classes except `mx-auto` is not was created.**\nI change `--ui-container` variable like in [docs](https://ui3.nuxt.dev/getting-started/theme#container):\n```css\n/** app.css */\n\n@import 'tailwindcss';\n@import '@nuxt/ui';\n\n@theme {\n --container-xl: 1280px;\n}\n\n:root {\n --ui-container: var(--container-xl);\n}\n```\nAs result, container classes is `max-w-7xl mx-auto px-4 sm:px-6 lg:px-8` and still not was created, except `mx-auto`.\n\nBut if i create `app.config.ts`:\n```ts\nexport default defineAppConfig({\n ui: {\n container: {\n base: 'max-w-[var(--ui-container)] mx-auto px-4 sm:px-6 lg:px-8'\n }\n }\n})\n```\nAll is ok, width and other classes are created and applying.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2977,2978],{"name":2885,"color":2886},{"name":2871,"color":2872},2655,"Classes of container component are not working properly","2024-11-16T13:13:33Z","https://github.com/nuxt/ui/issues/2655",0.67085546,["Reactive",2985],{},["Set"],["ShallowReactive",2988],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$foneSjpNUQ5d50u6iBiRL5j0zPc4jc5EfxPl4g7p474U":-1},"/nuxt/ui/3283"]