This is my code: import { apiInitializer } from "discourse/lib/api"; import { iconNode } from "discourse-common/lib/icon-library"; import { tracked } from "@glimmer/tracking"; export default apiInitializer((api) => { @tracked iconName = settings.category_lock_icon || 'lock'; // Fallback to 'lock' if setting is not defined @tracked lockIcon = iconNode(this.iconName); Frustratingly, the browser console tells me that ReferenceError: iconName is not defined. Looking at the file in the browser dev tools, this is what it looks like: iconName = settings.category_lock_icon || 'lock'; // Fallback to 'lock' if setting is not defined lockIcon = (0, _iconLibrary.iconNode)((void 0).iconName); This, compared to another component I made that uses tracked variables (which works): #buttonIcon = (() => (dt7948.i(this, "buttonIcon"), void 0))(); , where the original code is @tracked buttonIcon = localStorage.getItem('buttonIcon') != null ? localStorage.getItem('buttonIcon') : "bug"; Am I doing something wrong?

You don’t need to track these. They will be constant so unnecessary. You only need to track things that will be dynamic and with which you want to re-fire getters. Use DIcon instead. eg {{icon this.myIcon}} eg: assets/javascripts/discourse/components/chatbot-launch.gjs 8a06667fe import Component from "@glimmer/component"; import { tracked } from "@glimmer/tracking"; import { action } from "@ember/object"; import didInsert from "@ember/render-modifiers/modifiers/did-insert"; import { inject as service } from "@ember/service"; import DButton from "discourse/components/d-button"; import avatar from "discourse/helpers/avatar"; import concatClass from "discourse/helpers/concat-class"; import icon from "discourse/helpers/d-icon"; import { ajax } from "discourse/lib/ajax"; import DiscourseURL from "discourse/lib/url"; import Composer from "discourse/models/composer"; import User from "discourse/models/user"; import I18n, { i18n } from "discourse-i18n"; export default class ContentLanguageDiscovery extends Component { @service siteSettings; @service currentUser; @service chat;

I see. Thanks for the help; I’ll try it out.

Every time you track you use resources so keep that to minimum. It’s no big deal but good practice not to track if something won’t change during a page visit. I don’t believe settings will be updated without a page refresh in any case.

Thanks for the advice! I’ll keep that in mind.

Hi @merefield , I can't seem how to get past this function: function ifProtected() { if(category.read_restricted) { return this.lockIcon; } } Any advice on how I would return this? Since this is in a .gjs file, is it possible to return return {{icon this.iconName}} ? EDIT: I’ve changed them to: const iconName = settings.category_lock_icon || 'lock'; // Fallback to 'lock' if setting is not defined const lockIcon = {{icon this.iconName}} Thanks for the nudge in the correct direction!

משתנה במעקב לא נמצא?

מפתח

NateDhaliwal (Nate Dhaliwal) 19 ביוני,‏ 2025,‏ 6:21am 5

תודה על העצה! אזכור זאת.

נושא		תגובות	צפיות
Two tracked variables not updating Development	7	336	3 בפברואר,‏ 2025
Problem tracking nested structure Development	6	261	9 באוגוסט,‏ 2024
Glimmer Component Change Detection Not Working - Mutating Properties in @tracked Array Development	5	305	14 באוגוסט,‏ 2025
Another way to track nested data structures Development plugin-api , rest-api	2	167	19 במרץ,‏ 2025
Spooky tracking happenings :ghost: Bug	15	3637	10 בנובמבר,‏ 2018

משתנה במעקב לא נמצא?

נושאים קשורים