What's the best way to control default header items in a TJS application window?

<svelte:options accessors={true} />

<script>javascript
  import { ApplicationShell } from "@typhonjs-fvtt/runtime/svelte/component/core";
  import { setContext, getContext, onMount } from "svelte";
  import { getActorOwner, ucfirst } from "~/src/helpers/utility";
  import { SYSTEM_ID } from "~/src/helpers/constants";
  import { localize } from "#runtime/svelte/helper";


  export let elementRoot; 
  export let documentStore; 
  setContext("#doc", documentStore);

  const application = getContext("#external").application;
  const headerButtonNoLabel = application.reactive.storeAppOptions.headerButtonNoLabel;

  $: if (game.settings.get(SYSTEM_ID, "applicationWindowHeaderIconsOnly") == true) {
    alert('on');
    $headerButtonNoLabel = true;
  } else {
    alert('off');
    $headerButtonNoLabel = false
  }