title: Svelte: Disable ESLint Rule
body: <p>I'm working on a Svelt project that uses ESlint, and I'm trying to disable a rule within my svelte template but can't find any information on how to do so. My code is the following:</p>
  <pre><code>&lt;script lang=&quot;ts&quot;&gt;
    const unsubscribe = promiseWritable.subscribe((value) =&gt; {
      promise = value;
    });
  
    onDestroy(unsubscribe);
  &lt;/script&gt;
  
  {#if !!promise} &lt;---- ESLint error here!
    {#await promise then promiseResult}
      &lt;Info {promiseResult} /&gt;
    {/await}
  {/if}
  </code></pre>
  <p>This results in <code>{#if !!promise}</code> having the ESLint error:</p>
  <p><code>Expected non-Promise value in a boolean conditional.eslint@typescript-eslint/no-misused-promises)</code></p>
  <p>Regardless of whether I should disable this rule, I'm wondering how I would disable it within the file since adding either:
  <code>// eslint-disable-next-line...</code> or <code>&lt;!-- eslint-disable-next-line... --&gt;</code>
  above the line won't disable the error.</p>
  <p>For Reference I am using <a href="https://github.com/sveltejs/eslint-plugin-svelte3" rel="nofollow noreferrer">https://github.com/sveltejs/eslint-plugin-svelte3</a></p>