\n \u003C/div>\n[...]\n\u003C/template>\n```\n\nThe icon (which is and remains black) does not accept any color, while any standard implementation (icon from a downloaded icon set like mdi) does indeed change the color of an icon.\n\n(Just in case this is not an error: What kind of \"treatment\" do I have to apply to make my icon accept color?)",[],307,"custom local collections do not accept props like color","2024-11-23T10:19:42Z","https://github.com/nuxt/icon/issues/307",0.6764908,{"description":2037,"labels":2038,"number":2039,"owner":1985,"repository":2040,"state":1996,"title":2041,"updated_at":2042,"url":2043,"score":2044},"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.68062955,{"description":2046,"labels":2047,"number":2048,"owner":1985,"repository":1986,"state":1996,"title":2049,"updated_at":2050,"url":2051,"score":2052},"I have this kind of template:\n```\n \u003Cspan>\n \u003CIcon\n v-show=\"!searching\"\n name=\"i-heroicons-magnifying-glass-20-solid\" />\n \u003CIcon\n v-show=\"searching\"\n name=\"i-heroicons-arrow-path-20-solid\"\n class=\"animate-spin\"\n />\u003C/span>\n```\n\nSo, it should show `magnifying-glass` when not searching and `arrow-path` when searching. This does not work. Depending on if the view was loaded during navigation or page load it does not change or there a both. With `v-if` it works fine.\n\nHere is a reproduction with `nuxt-ui`:\nhttps://stackblitz.com/edit/nuxt-ui-7zcwsg?file=app.vue,package.json\n\nAnd here is a reproduction from `nuxt-icon-playground`:\nhttps://stackblitz.com/edit/nuxt-icon-playground-odkjmz?file=app.vue,package.json\n\nIt works with 1.7.6 but not 1.8.0 onwards. Could this be related to #300 ?\n\n---\n```\n❯ npx nuxt info\nWorking directory: /home/projects/nuxt-ui \nNuxt project info: \n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.159\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@8.15.6\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2\n- Build Modules: -\n------------------------------\n```\n",[],301,"Issue with v-show on icons in 1.8.1 or 1.8.0","2024-11-20T15:03:29Z","https://github.com/nuxt/icon/issues/301",0.6988554,{"description":2054,"labels":2055,"number":2059,"owner":1985,"repository":2040,"state":1996,"title":2060,"updated_at":2061,"url":2062,"score":2063},"Similar to https://github.com/nuxt/scripts/issues/30, this will block the public announcement.\r\n\r\nThese are several items that should be completed for the public release of the module. Any contributions are more than welcome.\r\n\r\n## Outstanding Issues\r\n\r\n- [x] https://github.com/nuxt/scripts/issues?q=sort%3Aupdated-desc+is%3Aissue+is%3Aopen+label%3Apre-announce++label%3Abug\r\n\r\n## Nuxt\r\n\r\n- [x] Nuxt Script bindings\r\n- [x] Create a module on [nuxt/modules](https://github.com/nuxt/modules): https://github.com/nuxt/modules/pull/953\r\n\r\n## [Documentation](https://scripts.nuxt.com/)\r\n\r\n### **Content** \r\n\r\n- [x] Review all content, fix typos, grammar etc\r\n- [x] Blog article introducing Nuxt Scripts\r\n- [x] Rewrite confetti tutorial for home page usage\r\n- [x] https://github.com/nuxt/scripts/issues/69\r\n\r\n### :warning: **Breaking Changes**\r\n\r\n- https://github.com/nuxt/scripts/commit/038d891502c5c5c945c59f42031095ddf43433e1\r\n- https://github.com/nuxt/scripts/commit/6abc6a2ba5997a99a50dd8133c8b88fcd0ed4daf\r\n- https://github.com/nuxt/scripts/commit/d32e0d88f88def586dd24969667ddfbe3a50544f\r\n- https://github.com/nuxt/scripts/commit/74235272a480d4d8928327d5760e0ce277f05c53\r\n\r\n### **Home Page**\r\n\r\n- [x] Add 1-2 \"feature\" (problem / solution) elements to the home page, \r\n\r\n## Nuxt Scripts\r\n\r\n### Tests\r\n\r\n- [x] e2e Bundling tests\r\n - [x] registry script\r\n\r\n### Module Integrations\r\n\r\n- [x] https://github.com/nuxt-modules/turnstile/pull/306 - Provides a sanity check that the API can support module integrations\r\n\r\n\r\n",[2056],{"name":2057,"color":2058},"pre-announce","c2e0c6",47,"Public Announce Tasks","2024-08-16T13:00:58Z","https://github.com/nuxt/scripts/issues/47",0.6991019,{"description":2065,"labels":2066,"number":2067,"owner":1985,"repository":1986,"state":1996,"title":2068,"updated_at":2069,"url":2070,"score":2071},"With the release of `v1.10` we should be able to use arbitrary icon names by setting `normalizeIconName` option to `false`, however it does not seem to work.\n\nI followed the documentation, but my local collection icons witn non-convential names failing to load.\n\nMy module config:\n```ts\n modules: ['@nuxt/icon'],\n icon: {\n customCollections: [\n {\n prefix: 'my-icon',\n dir: './assets/my-icons',\n normalizeIconName: false, // \u003C-- this\n },\n ],\n },\n```\n\nBut when I'm trying to use `assets/my-icons/FooBar.svg` as `\u003CIcon name=\"my-icon:FooBar\" />`, I'm getting the warning\n```\n[Icon] failed to load icon my-icon:FooBar\n```\n\n`\u003CIcon name=\"my-icon:foo-bar\" />` also fails to load, which is expected as normalize is disabled.\n\nReproduction link: [stackblitz](https://stackblitz.com/edit/github-zgzqz3vo?file=app.vue)\n\nSetup: Nuxt v3.14.1592, nuxt-icon v1.10.1.",[],322,"new custom collection option `normalizeIconName: false` does not work as expected","2024-12-16T07:04:54Z","https://github.com/nuxt/icon/issues/322",0.7002759,{"description":2073,"labels":2074,"number":2076,"owner":1985,"repository":2023,"state":1996,"title":2077,"updated_at":2078,"url":2079,"score":2080},"Currently it is not possible to use google as a provider for Material Symbols. \r\n\r\nLooking at the current implementation of the google provider it seems it's only looking at the meta data for fonts found at: https://fonts.google.com/metadata/fonts \r\n\r\n![Uploading image.png…]()\r\n\r\n\r\nMetadata for googles Material Symbols can be found at https://fonts.google.com/metadata/icons",[2075],{"name":2020,"color":2021},127,"Add support for Google Material Symbols","2024-09-11T22:00:40Z","https://github.com/nuxt/fonts/issues/127",0.70764303,["Reactive",2082],{},["Set"],["ShallowReactive",2085],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"3QdMDwZQYStrdWP5xYpkZ_pZCiuyXnt56PZTfvLSX2M":-1},"/nuxt/icon/186"]