title: Vue3 top-level await Eslint fails
body: <p>Following the official documentation: <a href="https://vuejs.org/api/sfc-script-setup.html#top-level-await" rel="nofollow noreferrer">https://vuejs.org/api/sfc-script-setup.html#top-level-await</a></p>
  <p>I'm trying to create an async component like that:</p>
  <pre><code>&lt;template&gt;
    &lt;p&gt;Async data: {{asyncData}}&lt;/p&gt;
  &lt;/template&gt;
  
  &lt;script setup&gt;
  import {ref} from 'vue'
  const asyncData = ref(null)
  const sleep = (ms) =&gt; new Promise((resolve) =&gt; setTimeout(resolve, ms));
  await sleep(2000);
  asyncData.value = 'abcd1234'
  &lt;/script&gt;
  </code></pre>
  <p>The component works fine.
  The problem is: Eslint detects that error:</p>
  <p><code>Parsing error: Cannot use keyword 'await' outside an async function</code></p>
  <p>How can I deal with that?</p>
  <p>In fact it's Vue who is forcing me to write an invalid code...</p>