Fix v-html warning for specifically sanitized SVG.

Author: dlongley

CHANGELOG.md

@@ -1,5 +1,10 @@
 # bedrock-vue-wallet ChangeLog
 
+## 29.4.1 - 2024-10-dd
+
+### Fixed
+- Disable `v-html` warning for specifically-sanitized `contactlessSvg`.
+
 ## 29.4.0 - 2024-10-15
 
 ### Changed

components/CredentialCardBundle.vue

@@ -24,7 +24,11 @@
               class="q-mr-auto"
               :src="credentialOverrides.image"
               size="md" />
+            <!-- eslint-disable vue/no-v-html
+              this is ok to disable only because `contactlessSvg` has been
+              specifically sanitized -->
             <span v-html="contactlessSvg" />
+            <!-- eslint-enable -->
           </div>
         </template>
       </credential-switch>

components/CredentialDetails.vue

@@ -36,7 +36,11 @@
                       class="q-mr-auto"
                       :src="credentialOverrides.image"
                       size="md" />
+                    <!-- eslint-disable vue/no-v-html
+                      this is ok to disable only because `contactlessSvg` has
+                      been specifically sanitized -->
                     <span v-html="contactlessSvg" />
+                    <!-- eslint-enable -->
                   </div>
                 </template>
               </credential-switch>

components/NfcShare.vue

@@ -10,9 +10,13 @@
       @click="writeNfc">
       <template #default>
         <div class="row justify-between items-center">
+          <!-- eslint-disable vue/no-v-html
+            this is ok to disable only because `contactlessSvg` has been
+            specifically sanitized -->
           <div
             style="height: 24px; margin-right: 8px;"
             v-html="contactlessSvg" />
+          <!-- eslint-enable -->
           <div>
             Tap to Share
           </div>