fix: force adding table elements and figure element to the purger whitelist

Author: skaptox

helper/mappings.json

@@ -418,7 +418,12 @@
       "table",
       "table-container",
       "tag",
+      "tbody",
+      "td",
       "text",
+      "th",
+      "thead",
+      "tr",
       "v-checkbox"
     ],
     "optional": [
@@ -643,6 +648,7 @@
   },
   "VImage": {
     "always": [
+      "figure",
       "image",
       "img"
     ],

src/components/compounds/Table/Table.vue

@@ -182,12 +182,13 @@ export default {
           'is-fullwidth': fullwidth,
         },
       ]"
-      style="position: relative;">
-      <thead>
-        <tr>
-          <td v-if="checkable" />
+      style="position: relative">
+      <thead class="thead">
+        <tr class="tr">
+          <td class="td" v-if="checkable" />
           <td v-if="expandable" />
           <th
+            class="th"
             v-for="(column, idx) in data.getColumns()"
             :key="idx"
             :class="columnClasses(column)"
@@ -204,7 +205,7 @@ export default {
           </th>
         </tr>
       </thead>
-      <tbody>
+      <tbody class="tbody">
         <tr v-if="searchable">
           <td v-if="checkable" />
           <td v-if="expandable" />

src/components/primitives/Image/Image.vue

@@ -1,7 +1,7 @@
 <script>
 /* eslint-disable no-undef -- Access to Benchie variable/function */
 import { onBeforeMount, ref } from 'vue'
-import { checkBenchieSupport } from "../../../utils/functions"
+import { checkBenchieSupport } from '../../../utils/functions'
 
 const hasBenchieSupport = checkBenchieSupport()
 
@@ -19,28 +19,35 @@ export default {
     dataSrc: {
       type: String,
     },
-    customClass: String
+    customClass: String,
   },
   setup(props) {
     const source = ref(props.src || props.dataSrc)
-    onBeforeMount(async() => {
+    onBeforeMount(async () => {
       if (props.dataSrc && hasBenchieSupport) {
         source.value = await t(props.dataSrc, $__CDN)
-      }  
+      }
     })
     return { source }
-  }
+  },
 }
 </script>
 
 <template>
-  <figure class="image" :class="[
-    size,
-    radio,
-    {
-      'container': centered
-    }
-  ]">
-    <img class="img" v-bind="$attrs" :src="source" :data-src="dataSrc" :class="[customClass,{'is-rounded': rounded }]" />
+  <figure
+    class="image figure"
+    :class="[
+      size,
+      radio,
+      {
+        'container': centered,
+      },
+    ]">
+    <img
+      class="img"
+      v-bind="$attrs"
+      :src="source"
+      :data-src="dataSrc"
+      :class="[customClass, { 'is-rounded': rounded }]" />
   </figure>
 </template>