Commit 9319371f authored by Manuel Tancoigne's avatar Manuel Tancoigne

Disable "v-html" warnings when used

parent 6c1d24c5
......@@ -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>
......
......@@ -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>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment