Disable "v-html" warnings when used

src/views/Help.vue

@@ -13,8 +13,9 @@
       </p>
       <p>They have this format:</p>
 
+      <!-- eslint-disable vue/no-v-html -->
       <pre v-html="codeBlock('NAME', 'Description', 'Content')" />
-
+      <!-- eslint-enable vue/no-v-html -->
       <ul>
         <li><code>NAME</code> must be capitalized letters and use underscores.</li>
         <li>
@@ -40,8 +41,10 @@
         To have a dynamic sections numbering, use this format:
       </p>
 
+      <!-- eslint-disable vue/no-v-html -->
       <pre
         v-html="`${codeNumber('[#]')} ${codeContent('Rendering as 1')}\n\n${codeNumber('[##]')} ${codeContent('Rendering as 1.1')}\n\n${codeNumber('[#]')} ${codeContent('Rendering as 2')}\n\n...`" />
+      <!-- eslint-enable vue/no-v-html -->
 
       <i-alert variant="warning">
         Every time you use the number code, it will increment the counter; doing <code>[#] - This is section
@@ -59,7 +62,9 @@
 
       <p>To define a variable, use this format:</p>
 
+      <!-- eslint-disable vue/no-v-html -->
       <pre v-html="codeVar('NAME', 'Description', 'TYPE')" />
+      <!-- eslint-enable vue/no-v-html -->
 
       <ul>
         <li>
@@ -95,13 +100,17 @@
     <section>
       <h2>Conditional rendering</h2>
       <p>You can display things given the state of blocks.</p>
+      <!-- eslint-disable vue/no-v-html -->
       <pre
         v-html="codeCondition('IF', 'SOME_BLOCK', 'This will be displayed if <code>SOME_BLOCK</code> is enabled</span>')" />
       <pre
         v-html="codeCondition('UNLESS', 'SOME_BLOCK', 'This will be displayed unless <code>SOME_BLOCK</code> is enabled</span>')" />
+      <!-- eslint-enable vue/no-v-html -->
       <p>You can nest conditional blocks.</p>
+      <!-- eslint-disable vue/no-v-html -->
       <pre
         v-html="codeCondition('IF', 'SOME_BLOCK', `Some content${codeCondition('IF', 'OTHER_BLOCK', 'Some other content')}`)" />
+      <!-- eslint-enable vue/no-v-html -->
     </section>
   </i-container>
 </template>

src/views/Renderer.vue

@@ -72,7 +72,9 @@
           <pre v-show="displayTab === 'source'">{{ source }}</pre>
           <pre v-if="ready" v-show="displayTab === 'md'">{{ renderedMd }}</pre>
           <pre v-if="ready" v-show="displayTab === 'html'">{{ renderedText }}</pre>
+          <!-- eslint-disable vue/no-v-html -->
           <div v-if="ready" v-show="displayTab === 'render'" v-html="renderedText" />
+          <!-- eslint-enable vue/no-v-html -->
         </div>
       </i-container>
     </i-layout-content>