reset cache on delete

Author: ivictbor

adminforth/documentation/docs/tutorial/05-Plugins/10-i18n.md

@@ -275,7 +275,7 @@ Sometimes you might want to have HTML in translations. You can use `v-html` dire
       v-html='$t("<span class=\"text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400\">Apartments</span> Statistics.")'></h1>
 ```
 
-> 🪪 Please keep in mind that roles who have access to translations resource can make HTML injections, though anyway if you are using [Audit Log](/docs/tutorial/Plugins/AuditLog/) plugin you can track all changes in translations and understand who made them.
+> 🪪 Security alert. Please keep in mind that if you are using `v-html="$t(`, the roles who have access to translations resource can make HTML/XSS injections, though anyway if you are using [Audit Log](/docs/tutorial/Plugins/AuditLog/) plugin you can track all changes in translations and understand who made them.
 
 ### Pluralization
 

adminforth/plugins/i18n/index.ts

@@ -234,6 +234,16 @@ export default class I18N extends AdminForthPlugin {
       return { ok: true };
     });
 
+    // add hook on delete of any translation to reset cache
+    resourceConfig.hooks.delete.afterSave.push(async ({ record }: { record: any }): Promise<{ ok: boolean, error?: string }> => {
+      for (const lang of this.options.supportedLanguages) {
+        this.cache.clear(`${this.resourceConfig.resourceId}:frontend:${lang}`);
+        this.cache.clear(`${this.resourceConfig.resourceId}:${record[this.options.categoryFieldName]}:${lang}:${record[this.enFieldName]}`);
+      }
+      this.updateUntranslatedMenuBadge();
+      return { ok: true };
+    });
+
     if (this.options.completedFieldName) {
       // on show and list add a list hook which will add incomplete field to record if translation is missing for at least one language
       const addIncompleteField = (record: any) => {