\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.7374085,{"description":2968,"labels":2969,"number":2970,"owner":2877,"repository":2877,"state":2919,"title":2971,"updated_at":2972,"url":2973,"score":2974},"i added some locale javascript files to my nuxt app but after changing page the javascriptp file are not working of course because they couldn't catch necceserry DOM elements , in this case what should i do how can i trigger again this js file ?\r\n\r\n\r\n\r\nmy package.json\r\n\r\n```json\r\n{\r\n \"name\": \"nuxt-app\",\r\n \"private\": true,\r\n \"type\": \"module\",\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\"\r\n },\r\n \"dependencies\": {\r\n \"@nuxt/scripts\": \"^0.6.4\",\r\n \"nuxt\": \"^3.12.3\",\r\n \"vue\": \"latest\"\r\n },\r\n \"packageManager\": \"yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e\"\r\n}\r\n\r\n```\r\nmy nuxt.config.ts\r\n```typescript\r\n// https://nuxt.com/docs/api/configuration/nuxt-config\r\nexport default defineNuxtConfig({\r\n compatibilityDate: \"2024-04-03\",\r\n devtools: { enabled: true },\r\n css: [\"~/assets/css/style.css\"],\r\n\r\n app: {\r\n head: {\r\n link: [\r\n {\r\n rel: \"stylesheet\",\r\n href: \"https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700\",\r\n },\r\n {\r\n rel: \"stylesheet\",\r\n href: \"lib/bootstrap/css/bootstrap.min.css\",\r\n },\r\n {\r\n rel: \"stylesheet\",\r\n href: \"lib/font-awesome/css/font-awesome.min.css\",\r\n },\r\n {\r\n rel: \"stylesheet\",\r\n href: \"lib/animate/animate.min.css\",\r\n },\r\n {\r\n rel: \"stylesheet\",\r\n href: \"lib/ionicons/css/ionicons.min.css\",\r\n },\r\n {\r\n rel: \"stylesheet\",\r\n href: \"lib/owlcarousel/assets/owl.carousel.min.css\",\r\n },\r\n ],\r\n script: [\r\n { src: \"/lib/jquery/jquery.min.js\", defer: true },\r\n { src: \"/lib/jquery/jquery-migrate.min.js\", defer: true },\r\n { src: \"/lib/popper/popper.min.js\", defer: true },\r\n { src: \"/lib/bootstrap/js/bootstrap.min.js\", defer: true },\r\n { src: \"/lib/easing/easing.min.js\", defer: true },\r\n { src: \"/lib/owlcarousel/owl.carousel.min.js\", defer: true },\r\n { src: \"/lib/scrollreveal/scrollreveal.min.js\", defer: true },\r\n { src: \"/lib/contactform.js\", defer: true },\r\n {\r\n src: \"/lib/main.js\",\r\n defer: true,\r\n },\r\n ],\r\n },\r\n },\r\n\r\n modules: [\"@nuxt/scripts\"],\r\n});\r\n```\r\nmy folder structure \r\n(for main.js https://gist.github.com/emirhanyagci/900af1354fb92abb50b9377c38e77579)\r\n\r\n[![folder structure][1]][1]\r\n\r\n\r\n[![issuee][2]][2]\r\n\r\n\r\n [1]: https://i.sstatic.net/TMusklLJ.png\r\n [2]: https://i.sstatic.net/UmYjUqBE.gif",[],28180,"Nuxt 3 locale javascript files not working after page changes","2024-07-17T10:49:00Z","https://github.com/nuxt/nuxt/issues/28180",0.7391987,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f766YTWLrAVrm5Cik0AK437eexucKyAs--utxrFcDzQI":-1},"/nuxt/icon/322"]