",[],17,"closed","Color Props should be added to documentation aswell","2023-02-03T13:05:57Z","https://github.com/nuxt/icon/issues/17",0.71320343,{"description":2002,"labels":2003,"number":1995,"owner":1985,"repository":2004,"state":1996,"title":2005,"updated_at":2006,"url":2007,"score":2000},"",[],"nuxt.com","Team members page","2023-02-15T12:31:36Z","https://github.com/nuxt/nuxt.com/issues/17",{"description":2009,"labels":2010,"number":2011,"owner":1985,"repository":1986,"state":1996,"title":2012,"updated_at":2013,"url":2014,"score":2015},"Nuxt-Icon currently follows `mdi:home` which is `iconify` format. \r\n\r\nNuxtlabs/ui follows `i-mdi-home` which is `unocss` format.\r\n\r\nIcones, unocss support using multiple formats. \r\n\r\n\r\nWould be great to have support to use `unocss` format in Nuxt-Icon in addition to the current `iconify` format, so that it can be used when working on other libraries which uses the \"unocss\" format. ",[],84,"Feature Request - support for i-mdi-home \"unocss\" format","2023-08-07T11:39:28Z","https://github.com/nuxt/icon/issues/84",0.7226247,{"labels":2017,"number":2024,"owner":1985,"repository":1985,"state":1996,"title":2025,"updated_at":2026,"url":2027,"score":2028},[2018,2021],{"name":2019,"color":2020},"pending triage","E99695",{"name":2022,"color":2023},"2.x","d4c5f9",4204,"Inconsistent css in dev vs prod","2024-08-03T20:53:43Z","https://github.com/nuxt/nuxt/issues/4204",0.730137,{"description":2030,"labels":2031,"number":92,"owner":1985,"repository":1986,"state":1996,"title":2032,"updated_at":2033,"url":2034,"score":2035},"The following code snippet from nuxt-icon.svg is breaking SVG by rendering them all black.\r\n\r\n`&.nuxt-icon--fill, \r\n&.nuxt-icon--fill * { \r\n fill: currentColor; \r\n}`\r\n\r\nThe following bug is happening when using svg with nuxt-svgo module. For some reason, some of the svg get the class nuxt-icon--fill attach to them even though they are not rendered using nuxt-icon.",[],"fill propery is breaking SVGs","2024-08-28T10:17:14Z","https://github.com/nuxt/icon/issues/106",0.73181504,{"description":2037,"labels":2038,"number":2040,"owner":1985,"repository":1985,"state":1996,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.15.1\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: -\r\n- Package Manager: pnpm@9.5.0\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, modules, studio\r\n- Runtime Modules: @nuxt/ui@2.17.0, @nuxt/eslint@0.3.13, @nuxt/image@1.7.0, @nuxthub/core@0.7.1, @nuxt/content@2.13.2, @nuxthq/studio@2.0.3\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n``` nuxt.schema.ts\r\nimport { field, group } from \"@nuxthq/studio/theme\";\r\n\r\nexport default defineNuxtSchema({\r\n appConfig: {\r\n ui: group({\r\n title: \"UI Configuration\",\r\n description: \"Configure the UI elements of your site.\",\r\n icon: \"i-mdi-palette\",\r\n fields: {\r\n logo: field({\r\n type: \"media\",\r\n title: \"Logo\",\r\n description: \"The main logo for your website.\",\r\n icon: \"i-mdi-image\",\r\n }),\r\n primaryColor: field({\r\n type: \"string\",\r\n title: \"Primary Color\",\r\n description: \"The primary color for your website's theme.\",\r\n icon: \"i-mdi-palette\",\r\n default: \"#3B82F6\",\r\n }),\r\n backgroundColor: field({\r\n type: \"string\",\r\n title: \"Background Color\",\r\n description: \"The base/background color for your website.\",\r\n icon: \"i-mdi-format-color-fill\",\r\n default: \"#FFFFFF\",\r\n }),\r\n },\r\n }),\r\n seo: group({\r\n title: \"SEO\",\r\n description: \"SEO Configuration.\",\r\n icon: \"i-ph-app-window\",\r\n fields: {\r\n siteName: field({\r\n type: \"string\",\r\n title: \"Site Name\",\r\n description:\r\n \"Name used in ogSiteName and used as second part of your page title.\",\r\n icon: \"i-mdi-web\",\r\n }),\r\n siteDescription: field({\r\n type: \"string\",\r\n title: \"Site Description\",\r\n icon: \"i-ph-book-open-text\",\r\n description:\r\n \"Used to generate social media and search engine descriptions for root pages.\",\r\n }),\r\n siteUrl: field({\r\n type: \"string\",\r\n title: \"Site URL\",\r\n description:\r\n \"The full URL of your website (e.g., https://www.example.com).\",\r\n icon: \"i-mdi-web\",\r\n }),\r\n favicon: field({\r\n type: \"media\",\r\n title: \"Favicon\",\r\n description:\r\n \"The favicon for your website (typically a 32x32 pixel image).\",\r\n icon: \"i-mdi-image\",\r\n }),\r\n ogImage: field({\r\n type: \"media\",\r\n title: \"Default Open Graph Image\",\r\n description:\r\n \"The default image to use for Open Graph tags when no specific image is set.\",\r\n icon: \"i-mdi-image\",\r\n }),\r\n twitterHandle: field({\r\n type: \"string\",\r\n title: \"Twitter Handle\",\r\n description: \"Your Twitter username (without the @ symbol).\",\r\n icon: \"i-mdi-twitter\",\r\n }),\r\n facebookAppId: field({\r\n type: \"string\",\r\n title: \"Facebook App ID\",\r\n description:\r\n \"Your Facebook App ID for improved Open Graph integration.\",\r\n icon: \"i-mdi-facebook\",\r\n }),\r\n googleSiteVerification: field({\r\n type: \"string\",\r\n title: \"Google Site Verification\",\r\n description: \"The Google Search Console verification code.\",\r\n icon: \"i-mdi-google\",\r\n }),\r\n },\r\n }),\r\n navigation: group({\r\n title: \"Navigation\",\r\n description: \"Configure the main navigation of your site.\",\r\n icon: \"i-mdi-menu\",\r\n fields: {\r\n items: field({\r\n type: \"array\",\r\n title: \"Navigation Items\",\r\n description: \"Define the main navigation links for your site.\",\r\n items: {\r\n type: \"object\",\r\n properties: {\r\n label: field({\r\n type: \"string\",\r\n title: \"Label\",\r\n description: \"The text to display for this navigation item.\",\r\n }),\r\n to: field({\r\n type: \"string\",\r\n title: \"Route\",\r\n description:\r\n \"The route path for this navigation item (e.g., /about, /contact).\",\r\n }),\r\n icon: field({\r\n type: \"string\",\r\n title: \"Icon\",\r\n description:\r\n \"Optional icon class for the navigation item (e.g., i-mdi-home).\",\r\n }),\r\n children: field({\r\n type: \"array\",\r\n title: \"Submenus\",\r\n description: \"Optional submenu items for dropdown navigation.\",\r\n items: {\r\n type: \"object\",\r\n properties: {\r\n label: field({\r\n type: \"string\",\r\n title: \"Submenu Label\",\r\n description: \"The text to display for this submenu item.\",\r\n }),\r\n to: field({\r\n type: \"string\",\r\n title: \"Submenu Route\",\r\n description: \"The route path for this submenu item.\",\r\n }),\r\n },\r\n },\r\n }),\r\n },\r\n },\r\n default: [\r\n { label: \"Home\", to: \"/\", icon: \"i-mdi-home\" },\r\n { label: \"About\", to: \"/about\", icon: \"i-mdi-information\" },\r\n { label: \"Contact\", to: \"/contact\", icon: \"i-mdi-email\" },\r\n ],\r\n }),\r\n },\r\n }),\r\n },\r\n});\r\n```\n\n### Describe the bug\n\nI would like to be able to open up the SEO and logo for the user to alter themselves, the studio deployment is displaying the correct data fields and I'm able to edit them without issue, however I can't figure out how to access the data inside of the app? The docs don't explain how to do so and I tried `const config = useAppConfig()` however this only displays the standard locally defined app configuration and no data from the studio deployment.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2039],{"name":2019,"color":2020},28284,"Can't seem to access studio configuration data in application","2024-07-24T08:43:08Z","https://github.com/nuxt/nuxt/issues/28284",0.7321505,{"description":2046,"labels":2047,"number":2048,"owner":1985,"repository":1986,"state":1996,"title":2049,"updated_at":2050,"url":2051,"score":2052},"\r\nHello, \r\nThanks for this wonderful module that makes it easier to use icons seamlessly in Nuxt.\r\nThere is need to fix the typo for **icon** under the _**attributes**_ section.",[],98,"Typo in readme","2023-08-17T10:45:48Z","https://github.com/nuxt/icon/issues/98",0.734149,{"description":2054,"labels":2055,"number":2048,"owner":1985,"repository":2056,"state":1996,"title":2057,"updated_at":2058,"url":2059,"score":2052},"I am using the new nuxt/scripts module and a little confused. I want to enable the lemonsqueezy script globally, I have multiple pages where this is needed. How should I do this? the [docs](https://scripts.nuxt.com/scripts/payments/lemon-squeezy#example) tell me to do the below and I added this in my `app.vue`\r\n\r\n```html\r\n\u003Cscript setup>\r\nconst { Setup } = useScriptLemonSqueezy();\r\nonMounted(() => {\r\n Setup();\r\n});\r\n\u003C/script>\r\n```\r\n\r\nWhats happening\r\n\r\n1. `index.vue` pages opens the checkout overlay\r\n2. `[...productId].vue` pages open the checkout overlay if I open the page directly, but not when I navigate to this page from a `\u003CNuxtLink />` \r\n\r\nI thought this was an issue with the lemon.js script, but when I navigate to the product page from a NuxtLink, I can see `window.LemonSqueezy` has a been initiated which is confusing me even further, everything is working from both parties yet the checkout wont open in the overlay.\r\n\r\nHere's a repro - https://stackblitz.com/edit/github-zk9jpe?file=pages%2Findex.vue",[],"scripts","Weird behaviour with lemonsqueezy script from registry","2024-07-06T11:13:23Z","https://github.com/nuxt/scripts/issues/98",{"description":2061,"labels":2062,"number":2063,"owner":1985,"repository":1986,"state":1996,"title":2064,"updated_at":2065,"url":2066,"score":2067},"url(\"data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath d='M20 6c0-2.168-3.663-4-8-4S4 3.832 4 6v2c0 2.168 3.663 4 8 4s8-1.832 8-4V6zm-8 13c-4.337 0-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3c0 2.168-3.663 4-8 4z' fill='black'/%3E%3Cpath d='M20 10c0 2.168-3.663 4-8 4s-8-1.832-8-4v3c0 2.168 3.663 4 8 4s8-1.832 8-4v-3z' fill='black'/%3E%3C/svg%3E\")\r\n\r\nThe test environment is fine, but the production environment will not be able to display the icon. If I change the https in xmlns to http, it will display.\r\n\r\n\r\n\r\n",[],221,"[Bug] Icon cannot be displayed when used with nuxt-ui","2024-08-11T05:47:37Z","https://github.com/nuxt/icon/issues/221",0.7386424,["Reactive",2069],{},["Set"],["ShallowReactive",2072],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"iXeOb0rUkuWAzRUEQ0v0PCQXz7RT3dRf4tJkbyDVDTs":-1},"/nuxt/icon/176"]