\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2001,2002],{"name":1985,"color":1986},{"name":1988,"color":1989},3583,"Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.6843813,{"description":2009,"labels":2010,"number":2017,"owner":1991,"repository":1992,"state":2018,"title":2019,"updated_at":2020,"url":2021,"score":2022},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\n[CommandPalette](https://ui3.nuxt.dev/components/command-palette) is great but I wish it could display only an input by default and then open the content in a popper when clicking in the input. I think this is currently not possible but a very common use case. \n\nThis is what I would like to archive, screenshots from Shopify:\n\n\n\n\n\n\n\n### Additional context\n\n_No response_",[2011,2014],{"name":2012,"color":2013},"enhancement","a2eeef",{"name":2015,"color":2016},"v3","49DCB8",2832,"closed","v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.65458983,{"description":2024,"labels":2025,"number":2029,"owner":1991,"repository":1992,"state":2018,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### Description\n\nHello, \r\n\r\nI would like to use `CommandPalette` similarly to `ContentSearch` as a non-dialog but I struggle getting a similare result from the prop `groups`. Specifically for results that should be page links. \r\n\r\nThe following works fine with ContentSearch but not with CommandPalette:\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\n// Provided by api\r\nconst parsedResult: globalThis.ComputedRef\u003C{\r\n label: any;\r\n to: any;\r\n class: string;\r\n icon: string;\r\n}[]>\r\n\r\n// Local\r\nconst links = ref\u003C{\r\n label: string;\r\n icon: string;\r\n to: string;\r\n}[]>([...])\r\n\r\n...\r\n\r\nconst groups = computed(() => [\r\n {\r\n key: 'results',\r\n label: 'Résultats de recherche',\r\n commands: parsedResult.value,\r\n },\r\n {\r\n key: 'links',\r\n label: 'Liens',\r\n commands: links.value,\r\n },\r\n])\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n\u003C!-- Ok -->\r\n \u003CClientOnly>\r\n \u003CUContentSearch\r\n v-show=\"isSearchOpen\"\r\n placeholder=\"Recherche...\"\r\n :groups=\"groups\"\r\n :exact=\"false\"\r\n :exact-query=\"false\"\r\n :exact-hash=\"false\"\r\n :empty-state=\"{ icon: 'i-heroicons-magnifying-glass-20-solid', label: 'Entrez un terme de recherche', queryLabel: 'Aucun résultat sur ce terme. Essayez à nouveau.' }\"\r\n :fuse=\"{ fuseOptions: { threshold: 1, shouldSort: false } }\"\r\n @input=\"onInput\"\r\n />\r\n \u003C/ClientOnly>\r\n\r\n\u003C!-- Not working -->\r\n \u003CUCard>\r\n \u003CUCommandPalette\r\n placeholder=\"Recherche...\"\r\n :groups=\"groups\"\r\n :exact=\"false\"\r\n :exact-query=\"false\"\r\n :exact-hash=\"false\"\r\n :empty-state=\"{ icon: 'i-heroicons-magnifying-glass-20-solid', label: 'Aucun résutats.', queryLabel: 'Aucun résutats sur ce terme. Essayez à nouveau.' }\"\r\n :fuse=\"{ fuseOptions: { threshold: 1, shouldSort: false } }\"\r\n @input=\"onInput\"\r\n />\r\n \u003C/UCard>\r\n\u003C/template>\r\n```\r\n\r\nThanks",[2026],{"name":2027,"color":2028},"question","d876e3",2280,"How to use CommandPalette with links?","2024-09-30T13:11:55Z","https://github.com/nuxt/ui/issues/2280",0.6763057,{"description":2035,"labels":2036,"number":2039,"owner":1991,"repository":1992,"state":2018,"title":2040,"updated_at":2041,"url":2042,"score":2043},"### Description\n\nNuxt UI should have the potential to open native links in a Nuxt UI Modal by simply adding a certain `modal` parameter in [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link).\n\n`\u003CNuxtLink to=\"/about\" modal>About page shown in modal but can also be opened natively (e.g. new tab)\u003C/NuxtLink>`\n\nThe link should still be a native link with progressive enhancement, so _if users would like to open the URL in a new tab, they can do_! If not, it will open the content in a modal.\n\nThat would be great DX and UX! 🎉\n\nThe `modal` property is just one possible solution, maybe there's even a better one using a native HTML property like `rel=\"modal\"`, we should discuss that.\n\nIn future versions there might be further control parameters to override the defaults for\n\n- modal size\n- modal style\n- modal opacity\n- ...\n\nBut let's start simple.\n\nSomething similar was done here, but I think this should really be part of Nuxt UI or even Nuxt Core.\nhttps://nuxt-pages-plus.pages.dev/components/plus-modal-link\n\n### Additional context\n\n_No response_",[2037,2038],{"name":2012,"color":2013},{"name":2015,"color":2016},3298,"Enhance NuxtLink to open in Modal using a \"modal\" property","2025-03-08T12:21:53Z","https://github.com/nuxt/ui/issues/3298",0.6764437,{"description":2045,"labels":2046,"number":2047,"owner":1991,"repository":2048,"state":2018,"title":2049,"updated_at":2050,"url":2051,"score":2052},"Docs: https://posthog.com/docs/libraries/js\r\n\r\nFor reference this is how I currently instrument it:\r\n\r\n```\r\nimport { Capacitor } from '@capacitor/core'\r\nimport { posthog } from 'posthog-js'\r\nimport { appVersion } from '~/shared/version'\r\n\r\nexport default defineNuxtPlugin({\r\n name: 'analytics',\r\n setup() {\r\n if (import.meta.env.TEST) {\r\n return\r\n }\r\n\r\n const config = useRuntimeConfig()\r\n const router = useRouter()\r\n\r\n if (config.public.analyticsReportingEnabled) {\r\n posthog.init(config.public.posthog.dsn, {\r\n capture_pageview: false,\r\n capture_pageleave: true,\r\n api_host: config.public.posthog.apiHost,\r\n disable_session_recording: true,\r\n advanced_disable_decide: true,\r\n advanced_disable_feature_flags: true,\r\n advanced_disable_feature_flags_on_first_load: true,\r\n enable_recording_console_log: false,\r\n autocapture: false\r\n })\r\n\r\n posthog.register({\r\n environment: config.public.appEnvironment,\r\n countryCode: config.public.appCountryCode,\r\n release: appVersion,\r\n platform: Capacitor.getPlatform(),\r\n native: Capacitor.isNativePlatform()\r\n })\r\n\r\n router.afterEach(to => {\r\n posthog.capture('$pageview', {\r\n $current_url: to.fullPath\r\n })\r\n })\r\n }\r\n\r\n return {\r\n provide: {\r\n analytics: posthog\r\n }\r\n }\r\n }\r\n})\r\n```\r\n\r\nand after the user has logged in or we detect they are already logged in on page load:\r\n\r\n```\r\nthis.analytics.identify(userId, {\r\n email\r\n roles\r\n})\r\n ```\r\n \r\n Thanks!\r\n\r\n",[],206,"scripts","Suggestion: Posthog [analytics]","2024-09-03T16:06:49Z","https://github.com/nuxt/scripts/issues/206",0.67924714,{"description":2054,"labels":2055,"number":2065,"owner":1991,"repository":1991,"state":2018,"title":2066,"updated_at":2067,"url":2068,"score":2069},"### Environment\n\n```\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v16.14.2\r\n- Nuxt Version: 3.4.0\r\n- Nitro Version: 2.3.3\r\n- Package Manager: npm@7.17.0\r\n- Builder: vite\r\n- User Config: vite, extensions\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-o84u83\n\n### Describe the bug\n\nI have been looking to add a very small number (2-3) of pages to a Nuxt 3 project using Markdown. Since I'll only using Markdown for a few pages in the project and don't need additional features like querying, I thought I'd try using [vite-plugin-vue-markdown](https://github.com/mdit-vue/vite-plugin-vue-markdown) instead of the heavier Nuxt Content.\r\n\r\nI changed the Vite settings in `nuxt.config.ts` according to `vite-plugin-vue-markdown`'s documentation and added `.md` to the `extensions` array. However, this does not seem to be sufficient to get `vite-plugin-vue-markdown` and the Nuxt page resolver to work together since when I visit a page written using a Markdown file, I run into the following errors (as if `vite-plugin-vue-markdown` hasn't ran at all):\r\n\r\nServer\r\n```\r\nERROR At least one \u003Ctemplate> or \u003Cscript> is required in a single file component.\r\n```\r\nBrowser\r\n```\r\n500\r\n[vite-node] [plugin:vite:vue] [SyntaxError] /pages/about.md?macro=true\r\n\r\n# About Page\r\n\r\nat /pages/about.md?macro=true\r\nat Object.parse$4 [as parse] (./node_modules/@vue/compiler-sfc/dist/compiler-sfc.cjs.js:5269:21)\r\nat createDescriptor (file://./node_modules/@vitejs/plugin-vue/dist/index.mjs:86:43)\r\nat transformMain (file://./node_modules/@vitejs/plugin-vue/dist/index.mjs:2240:34)\r\nat TransformContext.transform (file://./node_modules/@vitejs/plugin-vue/dist/index.mjs:2738:16)\r\nat Object.transform (file://./node_modules/vite/dist/node/chunks/dep-79892de8.js:43436:44)\r\nat async loadAndTransform (file://./node_modules/vite/dist/node/chunks/dep-79892de8.js:41154:29)\r\n```\n\n### Additional context\n\nI have been able to partially get the Vite plugin working in Nuxt by manually importing the routes using `app/router.options.ts` (https://stackblitz.com/edit/github-dbvb63), although this workaround interferes with other Nuxt features like import aliases:\r\n```\r\n[nuxt] #imports should be transformed with real imports. There seems to be something wrong with the imports plugin.\r\n```\r\n\r\nPer the instructions for reporting bugs, I have also tried using the Vite plugin with the Vue 3 SSR template and it seems to work fine there (https://stackblitz.com/edit/github-uo229m).\n\n### Logs\n\n_No response_",[2056,2059,2062],{"name":2057,"color":2058},"3.x","29bc7f",{"name":2060,"color":2061},"upstream","E8A36D",{"name":2063,"color":2064},"🔨 p3-minor","FBCA04",20245,"Incompatibility when using `.md` pages through `vite-plugin-vue-markdown`","2023-04-13T21:45:30Z","https://github.com/nuxt/nuxt/issues/20245",0.68082607,{"description":2071,"labels":2072,"number":2078,"owner":1991,"repository":1992,"state":2018,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.4.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.15.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.10, nuxt-auth-sanctum@0.5.2, @vueuse/nuxt@11.3.0, nuxt-file-storage@0.2.9\n- Build Modules: -\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\n```vue\n\u003Cscript setup lang=\"ts\">\n const place = ref({\n day: 1\n })\n\n const days = ref([\n {\n value: 1,\n label: 'Day 1'\n },\n {\n value: 2,\n label: 'Day 2'\n }\n ])\n\u003C/script>\n\n\u003Ctemplate>\n Place:\n \u003Cpre>{{ place }}\u003C/pre>\n \u003CUSelect v-model=\"place.day\" :items=\"days\" class=\"w-32\" />\n\u003C/template>\n```\n\n### Description\n\nhttps://skr.sh/vT9fUh9cK0d\n\nAfter change `1` transforms to `\"1\"` and got error in console.",[2073,2074,2077],{"name":1985,"color":1986},{"name":2075,"color":2076},"duplicate","cfd3d7",{"name":2015,"color":2016},2886,"USelect converts integer value to string","2025-01-09T14:22:11Z","https://github.com/nuxt/ui/issues/2886",0.68142056,{"description":2084,"labels":2085,"number":2086,"owner":1991,"repository":2087,"state":2018,"title":2088,"updated_at":2089,"url":2090,"score":2091},"Open https://nuxt.com/docs/guide/directory-structure/composables, **Introduction** page is shown instead of **Composables**\n\n\n\nI think the regression is due to 43b0f43",[],1752,"nuxt.com","All docs/[...slug] routes show Introduction page","2025-01-14T11:25:53Z","https://github.com/nuxt/nuxt.com/issues/1752",0.6832609,{"description":2093,"labels":2094,"number":2095,"owner":1991,"repository":2087,"state":2018,"title":2096,"updated_at":2097,"url":2098,"score":2099},"[Pretty sure this is where a \"rounded-xl\" belongs](https://github.com/nuxt/nuxt.com/blob/b95197b97fc1acbe3582f95589856e9c97fef703/components/home/HomeSectionFeatures.vue#L22), I don't use Vue nor Nuxt so I have no idea how to navigate the codebase & I don't want to make a PR which is potentially incapable of building (too lazy to set up and test change)\n\nWhat it should look like:\n\n\nWhat it actually looks like:\n\n\nAdding a \"rounded-xl\" tailwind class to the sub-div (selected in this screenshot) fixes this and makes it look (presumably) as intended ([as the first screenshot shows](https://github.com/user-attachments/assets/731610cf-9cf9-464f-bf6f-0daff32e8fc4))\n\n",[],1679,"Presumably unintentional dark edges on corners of card","2024-10-13T10:45:20Z","https://github.com/nuxt/nuxt.com/issues/1679",0.6855434,["Reactive",2101],{},["Set"],["ShallowReactive",2104],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"LuMRN_dsiu5gQ5-6dZ6SCt8bjqkvqSe8c-MR0MmLlPQ":-1},"/nuxt/ui/2805"]