closes #150

src/app/_shared/components/card-text/card-text.component.html

@@ -1 +1 @@
-<p [innerHtml]="html">{{ text() }}</p>
+<p [innerHtml]="html | faq:product() | markdown">{{ text() }}</p>

src/app/_shared/components/card-text/card-text.component.ts

@@ -9,6 +9,7 @@ import { environment } from '../../../../environments/environment';
 })
 export class CardTextComponent {
   public text = input.required<string>();
+  public product = input<string>();
 
   public html = '';
 

src/app/_shared/pipes/faq.pipe.ts

@@ -9,8 +9,9 @@ export class FaqPipe implements PipeTransform {
   private metaService = inject(MetaService);
   private cardsService = inject(CardsService);
 
-  transform(value: string, ...args: string[]): string {
+  transform(value: string, ...args: (string | undefined)[]): string {
     const [productId] = args;
+    if (!productId) return value ?? '';
 
     const ruleRegex = /\$rule:([\d.]+)\$/gm;
     value = value.replace(ruleRegex, (match, p1) => {

src/app/card/card.page.html

@@ -114,7 +114,8 @@ <h3 itemprop="name" [innerHTML]="'Q: ' + (entry.q | faq:cardData.game | markdown
                 @for(entry of errata(); track $index) {
                 <ion-item>
                   <ion-label text-wrap>
-                    <p [innerHTML]="'&bull; ' + entry.text | faq:cardData.game | markdown"></p>
+
+                    <app-card-text [text]="'&bull; ' + entry.text" [product]="cardData.game"></app-card-text>
                   </ion-label>
                 </ion-item>
                 }

src/app/errata/errata.page.html

@@ -32,7 +32,7 @@
               @for(errataEntry of entry.errata; track $index) {
               <ion-item>
                 <ion-label text-wrap>
-                  <p [innerHTML]="errataEntry.text | faq:productId() | markdown"></p>
+                  <app-card-text [text]="errataEntry.text" [product]="productId()"></app-card-text>
                 </ion-label>
               </ion-item>
               }