I hate that I have to use the experimental features, but here we are

src/svelte/sheet.svelte

···
     import type { KingdomActor } from "../global";
     import TabButton from "./tab-button.svelte";
     import Tab from "./tab.svelte";
-    import { iter, kmLocalize } from "../utils";
+    import { iter, enrichAndLocalize } from "../utils";
     import { socket } from "../socket";
 
     let { actor, tabs } : {
···
 <section class="container">
     <div class="km-flex-row km-flex">
         <div class="km-flex-1 km-flex-row">
-            <div class="km-label">{kmLocalize("sheet", "name")}</div>
+            <div class="km-label">{await enrichAndLocalize("sheet", "name")}</div>
             <input type="text" bind:value={actor.flags["kingdom-homebrew"].name} onblur={updateKingdomName} placeholder="Name" />
         </div>
         <div class="km-flex-1 km-flex-row">
-            <div class="km-label" title={kmLocalize("sheet", "krpFull")}>{kmLocalize("sheet", "krp")}</div>
+            <div class="km-label" title={await enrichAndLocalize("sheet", "krpFull")}>{await enrichAndLocalize("sheet", "krp")}</div>
             <select bind:value={actor.flags["kingdom-homebrew"].krp.current} onblur={krpCurrent}>
                 {#each iter(0, 4, 1) as i}
                     <option value={i}>{i}</option>
···
             </select>
         </div>
         <div class="km-flex-1 km-flex-row">
-            <div class="km-label">{kmLocalize("sheet", "next")}</div>
+            <div class="km-label">{await enrichAndLocalize("sheet", "next")}</div>
             <select bind:value={actor.flags["kingdom-homebrew"].krp.next} onblur={krpNext}>
                 {#each iter(0, 4, 1) as i}
                     <option value={i}>{i}</option>
···
             </select>
         </div>
         <div class="km-flex-1 km-flex-row">
-            <div class="km-label">{kmLocalize("sheet", "level")}</div>
+            <div class="km-label">{await enrichAndLocalize("sheet", "level")}</div>
             <select bind:value={actor.flags["kingdom-homebrew"].level} onchange={updateLevel}>
                 {#each iter(0, 20, 1) as i}
                     <option value={i + 1}>{i + 1}</option>
···
             </select>
         </div>
         <div class="km-flex-1 km-flex-row">
-            <div class="km-label">{kmLocalize("sheet", "xp")}</div>
+            <div class="km-label">{await enrichAndLocalize("sheet", "xp")}</div>
             <input type="text" bind:value={actor.flags["kingdom-homebrew"].xp} onblur={updateXP} placeholder="0" />
         </div>
     </div>

src/svelte/tab-button.svelte

···
 <script lang="ts">
-    import { kmLocalize } from "../utils";
+    import { enrichAndLocalize } from "../utils";
 
     let { tab } : {
         tab: string
···
     }
 </script>
 
-<button onclick={openTab} data-tab={tab} class={getClass()}>{kmLocalize("sheet", "tab", tab)}</button>
+<button onclick={openTab} data-tab={tab} class={getClass()}>{await enrichAndLocalize("sheet", "tab", tab)}</button>

src/svelte/tabs/kingdom.svelte

···
 <script lang="ts">
     import type { KingdomActor } from "../../global";
-    import { iter, kmLocalize } from "../../utils";
+    import { iter, enrichAndLocalize } from "../../utils";
     import KingdomLevel from "./kingdom-level.svelte";
 
     let { actor }: { actor: KingdomActor } = $props();
···
 
 <div class="kingdom-tab-left">
     <div class="kingdom-ability-outer">
-        <div class="kingdom-ability-label">{kmLocalize("attribute", "loyalty")}</div>
+        <div class="kingdom-ability-label">{await enrichAndLocalize("attribute", "loyalty")}</div>
         <span class="kingdom-ability">{addOpp(actor.flags["kingdom-homebrew"].attributes.loyalty.mod)}</span>
     </div>
     <div class="kingdom-ability-outer">
-        <div class="kingdom-ability-label">{kmLocalize("attribute", "culture")}</div>
+        <div class="kingdom-ability-label">{await enrichAndLocalize("attribute", "culture")}</div>
         <span class="kingdom-ability">{addOpp(actor.flags["kingdom-homebrew"].attributes.culture.mod)}</span>
     </div>
     <div class="kingdom-ability-outer">
-        <div class="kingdom-ability-label">{kmLocalize("attribute", "economy")}</div>
+        <div class="kingdom-ability-label">{await enrichAndLocalize("attribute", "economy")}</div>
         <span class="kingdom-ability">{addOpp(actor.flags["kingdom-homebrew"].attributes.economy.mod)}</span>
     </div>
     <div class="kingdom-ability-outer">
-        <div class="kingdom-ability-label">{kmLocalize("attribute", "stability")}</div>
+        <div class="kingdom-ability-label">{await enrichAndLocalize("attribute", "stability")}</div>
         <span class="kingdom-ability">{addOpp(actor.flags["kingdom-homebrew"].attributes.stability.mod)}</span>
     </div>
 </div>

src/svelte/tabs/levels/level-1.svelte

···
 <script lang="ts">
     import type { KingdomActor } from "../../../global";
-    import { kmLocalize, } from "../../../utils";
+    import { enrichAndLocalize } from "../../../utils";
     import { data } from "../../../data";
     import type * as Data from "../../../data";
     import { socket } from "../../../socket";
···
     }
 </script>
 
-<h2>{kmLocalize("sheet", "level-1", "header")}</h2>
-<h3>{kmLocalize("sheet", "level-1", "charter", "choose")}</h3>
-<p>{kmLocalize("sheet", "level-1", "charter", "explanation")}</p>
+<h2>{await enrichAndLocalize("sheet", "level-1", "header")}</h2>
+<h3>{await enrichAndLocalize("sheet", "level-1", "charter", "choose")}</h3>
+<p>{await enrichAndLocalize("sheet", "level-1", "charter", "explanation")}</p>
 <select bind:value={actor.flags["kingdom-homebrew"].charter} onchange={parseCharter} id="kmhb-charter">
     {#each data.charters as charter}
-        <option value={charter.id}>{kmLocalize("charter", charter.id, "title")}</option>
+        <option value={charter.id}>{await enrichAndLocalize("charter", charter.id, "title")}</option>
     {/each}
 </select>
 <div class="km-flex">
     <div class="km-flex-row" style="width:100%;">
-        <span class="km-flex-1">{kmLocalize("sheet", "level-1", "freeBoostChoose")}</span>
+        <span class="km-flex-1">{await enrichAndLocalize("sheet", "level-1", "freeBoostChoose")}</span>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-charter-free" onchange={setFreeCharterBoost} id="kmhb-charter-free-loyalty" disabled={getBoostDisabled("charter", "loyalty")} checked={isFreeBoost("charter", "loyalty")} />
-            <label for="kmhb-charter-free-loyalty">{kmLocalize("attribute", "loyalty")}</label>
+            <label for="kmhb-charter-free-loyalty">{await enrichAndLocalize("attribute", "loyalty")}</label>
         </div>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-charter-free" onchange={setFreeCharterBoost} id="kmhb-charter-free-stability" disabled={getBoostDisabled("charter", "stability")} checked={isFreeBoost("charter", "stability")} />
-            <label for="kmhb-charter-free-stability">{kmLocalize("attribute", "stability")}</label>
+            <label for="kmhb-charter-free-stability">{await enrichAndLocalize("attribute", "stability")}</label>
         </div>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-charter-free" onchange={setFreeCharterBoost} id="kmhb-charter-free-economy" disabled={getBoostDisabled("charter", "economy")} checked={isFreeBoost("charter", "economy")} />
-            <label for="kmhb-charter-free-economy">{kmLocalize("attribute", "economy")}</label>
+            <label for="kmhb-charter-free-economy">{await enrichAndLocalize("attribute", "economy")}</label>
         </div>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-charter-free" onchange={setFreeCharterBoost} id="kmhb-charter-free-culture" disabled={getBoostDisabled("charter", "culture")} checked={isFreeBoost("charter", "culture")} />
-            <label for="kmhb-charter-free-culture">{kmLocalize("attribute", "culture")}</label>
+            <label for="kmhb-charter-free-culture">{await enrichAndLocalize("attribute", "culture")}</label>
         </div>
     </div>
 </div>
-<p>{actor.getFlag("kingdom-homebrew", "charter") == "" ? "" : kmLocalize("charter", actor.getFlag("kingdom-homebrew", "charter"), "description")}</p>
-<h3>{kmLocalize("sheet", "level-1", "heartland", "choose")}</h3>
-<p>{kmLocalize("sheet", "level-1", "heartland", "explanation")}</p>
+<p>{@html actor.getFlag("kingdom-homebrew", "charter") == "" ? "" : await enrichAndLocalize("charter", actor.getFlag("kingdom-homebrew", "charter"), "description")}</p>
+<h3>{await enrichAndLocalize("sheet", "level-1", "heartland", "choose")}</h3>
+<p>{await enrichAndLocalize("sheet", "level-1", "heartland", "explanation")}</p>
 <select bind:value={actor.flags["kingdom-homebrew"].heartland} onchange={parseHeartland} id="kmhb-heartland">
     {#each data.heartlands as heartland}
-        <option value={heartland.id}>{kmLocalize("heartland", heartland.id, "title")}</option>
+        <option value={heartland.id}>{await enrichAndLocalize("heartland", heartland.id, "title")}</option>
     {/each}
 </select>
-<p>{actor.getFlag("kingdom-homebrew", "heartland") == "" ? "" : kmLocalize("heartland", actor.getFlag("kingdom-homebrew", "heartland"), "description")}</p>
-<h3>{kmLocalize("sheet", "level-1", "government", "choose")}</h3>
-<p>{kmLocalize("sheet", "level-1", "government", "explanation")}</p>
+<p>{@html actor.getFlag("kingdom-homebrew", "heartland") == "" ? "" : await enrichAndLocalize("heartland", actor.getFlag("kingdom-homebrew", "heartland"), "description")}</p>
+<h3>{await enrichAndLocalize("sheet", "level-1", "government", "choose")}</h3>
+<p>{await enrichAndLocalize("sheet", "level-1", "government", "explanation")}</p>
 <select bind:value={actor.flags["kingdom-homebrew"].government} onchange={parseGovernment} id="kmhb-government">
     {#each data.governments as government}
-        <option value={government.id}>{kmLocalize("government", government.id, "title")}</option>
+        <option value={government.id}>{await enrichAndLocalize("government", government.id, "title")}</option>
     {/each}
 </select>
 <div class="km-flex">
     <div class="km-flex-row" style="width:100%;">
-        <span class="km-flex-1">{kmLocalize("sheet", "level-1", "freeBoostChoose")}</span>
+        <span class="km-flex-1">{await enrichAndLocalize("sheet", "level-1", "freeBoostChoose")}</span>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-government-free" onchange={setFreeGovernmentBoost} id="kmhb-government-free-loyalty" disabled={getBoostDisabled("government", "loyalty")} checked={isFreeBoost("government", "loyalty")} />
-            <label for="kmhb-government-free-loyalty">{kmLocalize("attribute", "loyalty")}</label>
+            <label for="kmhb-government-free-loyalty">{await enrichAndLocalize("attribute", "loyalty")}</label>
         </div>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-government-free" onchange={setFreeGovernmentBoost} id="kmhb-government-free-stability" disabled={getBoostDisabled("government", "stability")} checked={isFreeBoost("government", "stability")} />
-            <label for="kmhb-government-free-stability">{kmLocalize("attribute", "stability")}</label>
+            <label for="kmhb-government-free-stability">{await enrichAndLocalize("attribute", "stability")}</label>
         </div>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-government-free" onchange={setFreeGovernmentBoost} id="kmhb-government-free-economy" disabled={getBoostDisabled("government", "economy")} checked={isFreeBoost("government", "economy")} />
-            <label for="kmhb-government-free-economy">{kmLocalize("attribute", "economy")}</label>
+            <label for="kmhb-government-free-economy">{await enrichAndLocalize("attribute", "economy")}</label>
         </div>
         <div class="km-flex-1">
             <input type="radio" name="kmhb-government-free" onchange={setFreeGovernmentBoost} id="kmhb-government-free-culture" disabled={getBoostDisabled("government", "culture")} checked={isFreeBoost("government", "culture")} />
-            <lable for="kmhb-government-free-culture">{kmLocalize("attribute", "culture")}</lable>
+            <lable for="kmhb-government-free-culture">{await enrichAndLocalize("attribute", "culture")}</lable>
         </div>
     </div>
 </div>
-<p>{actor.getFlag("kingdom-homebrew", "government") == "" ? "" : kmLocalize("government", actor.getFlag("kingdom-homebrew", "government"), "description")}</p>
-<h3>{kmLocalize("sheet", "level-1", "leaders", "choose")}</h3>
-<p>{kmLocalize("sheet", "level-1", "leaders", "explanation")}</p>
+<p>{@html actor.getFlag("kingdom-homebrew", "government") == "" ? "" : await enrichAndLocalize("government", actor.getFlag("kingdom-homebrew", "government"), "description")}</p>
+<h3>{await enrichAndLocalize("sheet", "level-1", "leaders", "choose")}</h3>
+<p>{await enrichAndLocalize("sheet", "level-1", "leaders", "explanation")}</p>
 {#each leaders as leader}
     {@const leaderId = getLeader(actor.flags["kingdom-homebrew"].leaders, leader)}
     <div class="kmhb-leader-select">
-        <span class="kmhb-leader-label">{kmLocalize("leader", leader)}</span>
+        <span class="kmhb-leader-label">{await enrichAndLocalize("leader", leader)}</span>
         {#if leaderId == ""}
-            <span class="kmhb-leader-drop-label" ondragend={leaderDrop} role="form">{kmLocalize("sheet", "level-1", "leaders", "drop")}</span>
+            <span class="kmhb-leader-drop-label" ondragend={leaderDrop} role="form">{await enrichAndLocalize("sheet", "level-1", "leaders", "drop")}</span>
         {:else}
             {@const leaderActor = (game as foundry.Game).actors.get(leaderId)}
             <img src={leaderActor.thumbnail} alt={leaderActor.name} />
         {/if}
-        <span class="kmhb-leader-attribute">{kmLocalize("attribute", leaderAttributes[leader])}</span>
+        <span class="kmhb-leader-attribute">{await enrichAndLocalize("attribute", leaderAttributes[leader])}</span>
     </div>
 {/each}
-<button onclick={createVillage}>{kmLocalize("sheet", "level-1", "createVillage")}</button>
-<h3>{kmLocalize("sheet", "level-1", "fameInfamy", "title")}</h3>
-<p>{kmLocalize("sheet", "level-1", "fameInfamy", "explanation")}</p>
+<button onclick={createVillage}>{await enrichAndLocalize("sheet", "level-1", "createVillage")}</button>
+<h3>{await enrichAndLocalize("sheet", "level-1", "fameInfamy", "title")}</h3>
+<p>{await enrichAndLocalize("sheet", "level-1", "fameInfamy", "explanation")}</p>
 <select onchange={setFameInfamy}>
-    <option value="fame">{kmLocalize("reputation", "fame")}</option>
-    <option value="infamy">{kmLocalize("reputation", "infamy")}</option>
+    <option value="fame">{await enrichAndLocalize("reputation", "fame")}</option>
+    <option value="infamy">{await enrichAndLocalize("reputation", "infamy")}</option>
 </select>

src/utils.ts

···
-import type { Kingdom } from "./kingdom";
-
 export interface isocketlib {
     registerModule: (moduleName: string) => Socket
 }
···
 
 export function kmLocalize(...args: string[]): string {
     return (game as foundry.Game).i18n!.localize(`kingdom-homebrew.${args.join(".")}`);
+}
+
+export async function enrichText(raw: string, enrichedOptions: object = {}): Promise<string> {
+    return foundry.applications.ux.TextEditor.enrichHTML(raw, mergeObject(
+        {
+            documents: true,
+            links: true,
+            secrets: (game as foundry.Game).user.isGM,
+            rolls: true
+        },
+        enrichedOptions
+    ));
+}
+
+export async function enrichAndLocalize(...args: string[]): Promise<string> {
+    return enrichText(kmLocalize(...args));
 }

svelte.config.js

···
     preprocess: [
         sveltePreprocess()
     ],
-    "enable-ts-plugin": true
+    "enable-ts-plugin": true,
+    compilerOptions: {
+        experimental: {
+            async: true
+        }
+    }
 };