\r\n```\r\n\r\nThe page rendered without the icon and got this on the console.\r\n```\r\n[Vue warn]: Unknown custom element: \u003CIcon> - did you register the component correctly? For recursive components, make sure to provide the \"name\" option.\r\n\r\nfound in\r\n\r\n---> \u003CLayouts/default.vue> at layouts/default.vue\r\n \u003CRoot>\r\n```\r\n\r\n### My dependencies\r\n```\r\n \"dependencies\": {\r\n \"@nuxt/content\": \"^1.0.0\",\r\n \"@nuxtjs/pwa\": \"^3.3.5\",\r\n \"bootstrap\": \"^4.6.2\",\r\n \"bootstrap-vue\": \"^2.22.0\",\r\n \"bootswatch\": \"^5.2.3\",\r\n \"core-js\": \"^3.25.3\",\r\n \"nuxt\": \"^2.15.8\",\r\n \"nuxt-icon\": \"^0.4.0\",\r\n \"vue\": \"^2.7.10\",\r\n \"vue-server-renderer\": \"^2.7.10\",\r\n \"vue-template-compiler\": \"^2.7.10\"\r\n },\r\n \"devDependencies\": {\r\n \"@babel/eslint-parser\": \"^7.19.1\",\r\n \"@nuxtjs/eslint-config\": \"^11.0.0\",\r\n \"@nuxtjs/eslint-module\": \"^3.1.0\",\r\n \"eslint\": \"^8.24.0\",\r\n \"eslint-plugin-nuxt\": \"^4.0.0\",\r\n \"eslint-plugin-vue\": \"^9.5.1\",\r\n \"sass\": \"^1.62.1\",\r\n \"sass-loader\": \"^10.4.1\"\r\n }\r\n```",[],74,"icon","Unknown custom element: \u003CIcon> - did you register the component correctly?","2023-08-07T11:42:06Z","https://github.com/nuxt/icon/issues/74",0.759416,{"description":2015,"labels":2016,"number":2023,"owner":1988,"repository":2024,"state":2000,"title":2025,"updated_at":2026,"url":2027,"score":2028},"- [x] No Selection notion://www.notion.so/nuxt/No-selection-7802a31d6d3a414bbb498d55cc42eb6d\n- [ ] Hover broken notion://www.notion.so/nuxt/Hover-broken-9f616b51a74c4eda8401a848cbaf379f",[2017,2020],{"name":2018,"color":2019},"needs refinement","A2C2AE",{"name":2021,"color":2022},"a11y","2CD658",1084,"nuxt.com","[Review] HomeModulesList","2023-01-04T13:47:35Z","https://github.com/nuxt/nuxt.com/issues/1084",0.7687302,{"description":2030,"labels":2031,"number":2032,"owner":1988,"repository":2009,"state":2000,"title":2033,"updated_at":2034,"url":2035,"score":2036},"\r\n\r\n\r\n\r\n",[],78,"Excuse me, when v-for performs list rendering, the icon name will appear. May I ask what may be the problem. Thanks","2023-05-10T09:55:26Z","https://github.com/nuxt/icon/issues/78",0.77240485,{"description":2038,"labels":2039,"number":2043,"owner":1988,"repository":2024,"state":2000,"title":2044,"updated_at":2045,"url":2046,"score":2047},"https://www.figma.com/file/OLlmzoVQ7FSBh4FJJORNpl/nuxt.com?node-id=2424%3A12792\n\n- [x] Replace `UPills` component with list of `ULink`\n- [x] `text-base` instead of `text-sm`\n- [x] Remove logo hover in green\n- [x] Login button in primary variant",[2040],{"name":2041,"color":2042},"enhancement","1ad6ff",114,"Improve navbar links","2023-02-15T12:30:39Z","https://github.com/nuxt/nuxt.com/issues/114",0.77411985,{"description":2049,"labels":2050,"number":2055,"owner":1988,"repository":2024,"state":2000,"title":2056,"updated_at":2057,"url":2058,"score":2059},"- [x] Remove action dropdown in media items\n- [x] `Branch` and `File` modal buttons should go into root menu at the bottom\n- [x] `Create file` / `Upload file` should go in navbar dialog tree header right\n- [x] `ProjectNavbar` should contain the name of the file and the `Save` / `Publish` / `Preview` (only icon) buttons\n- [x] `ProjectNavbar` online users disappears for now\n- [x] Next to filename in `ProjectNavbar` we should have a `chevron-down` icon to extend the desktop aside panel with: file actions (`Rename` / `Revert` / `Delete`) and tabs (`Meta` / `History`) and `chevron-up` icon to collapse the menu",[2051,2052],{"name":2041,"color":2042},{"name":2053,"color":2054},"responsive","1cd1c6",642,"[Project] Content + Media responsive files aside","2023-02-15T12:32:40Z","https://github.com/nuxt/nuxt.com/issues/642",0.7751361,{"description":2061,"labels":2062,"number":2055,"owner":1988,"repository":1989,"state":2000,"title":2064,"updated_at":2065,"url":2066,"score":2059},"### Environment\r\n\r\n- Operating System: Windows_NT\r\n- Node Version: v18.11.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@8.19.2\r\n- Builder: -\r\n- User Config: devtools, app, css, modules, runtimeConfig\r\n- Runtime Modules: nuxt-icon-tw@0.1.3, @nuxtjs/tailwindcss@6.10.1, @nuxtjs/i18n@8.0.0-rc.9\r\n- Build Modules: -\r\n\r\n### Reproduction\r\n\r\n A lot of the recent fixes done seem to only work on the main branch it seems, but i'm unable to install it with npm\r\n \r\n `npm install -D \"https://github.com/nuxt/test-utils.git#main\"`\r\n\r\n### Describe the bug\r\n\r\n````\r\nnpm ERR! code ETARGET\r\nnpm ERR! notarget No matching version found for @nuxt/test-utils@>=3.9.0.\r\nnpm ERR! notarget In most cases you or one of your dependencies are requesting\r\nnpm ERR! notarget a package version that doesn't exist.\r\n````\r\n\r\n### Additional context\r\n\r\nWhat is the recommended way to run the main branch?\r\n\r\n### Logs\r\n\r\n_No response_",[2063],{"name":1985,"color":1986},"Unable to install main branch","2023-12-12T13:29:02Z","https://github.com/nuxt/test-utils/issues/642",{"description":2068,"labels":2069,"number":2072,"owner":1988,"repository":1988,"state":2000,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### 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_",[2070],{"name":1985,"color":2071},"E99695",28284,"Can't seem to access studio configuration data in application","2024-07-24T08:43:08Z","https://github.com/nuxt/nuxt/issues/28284",0.77671707,{"description":2078,"labels":2079,"number":2080,"owner":1988,"repository":2009,"state":2000,"title":2081,"updated_at":2082,"url":2083,"score":2084},"I see that there are a few default styles added in this, which actually make the icons behave differently than it should. \r\nhttps://github.com/nuxt-modules/icon/blob/4ecfd3a4672505799aa040176da9bf737f6b5f9a/src/runtime/Icon.vue#LL56-L61C2\r\n\r\n```html\r\n\u003Cstyle scoped>\r\n.icon {\r\n display: inline-block;\r\n vertical-align: middle;\r\n}\r\n\u003C/style>\r\n```\r\n",[],24,"Remove default styles and make it headless","2023-01-12T09:48:31Z","https://github.com/nuxt/icon/issues/24",0.77831596,["Reactive",2086],{},["Set"],["ShallowReactive",2089],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"6zjECJmf37KjOrqMUx8cciXyuCtOJ8aDkMB_-6JH8Ro":-1},"/nuxt/nuxt.com/775"]