title: ESLint: Parsing error: Unexpected token :
body: <p>Hi everyone I am migrating my vue3 project from js to typescript, I run into this problem :</p>
  <p><a href="https://i.stack.imgur.com/y5tG8.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/y5tG8.png" alt="enter image description here" /></a></p>
  <p>Here is my code in .vue file</p>
  <pre><code>&lt;script setup lang=&quot;ts&quot;&gt;
  const toto = (msg: string) =&gt; {
    console.log(msg)
  }
  &lt;/script&gt;
  </code></pre>
  <p>And here is my eslintrc.js</p>
  <pre><code>module.exports = {
    'env': {
      'browser': true,
      'es2021': true
    },
    'extends': [
      'eslint:recommended',
      'plugin:vue/vue3-essential'
    ],
    'parserOptions': {
      'ecmaVersion': 13,
      'sourceType': 'module'
    },
    'plugins': [
      'vue'
    ],
    'rules': {
      'vue/multi-word-component-names': 'off',
      'vue/object-curly-spacing': [2, 'always'],
      'vue/html-closing-bracket-spacing': [2, {
        'selfClosingTag': 'always'
      }],
      'vue/max-attributes-per-line': [2, {
        'singleline': {
          'max': 1
        },
        'multiline': {
          'max': 1
        }
      }],
      'semi': [2, 'never']
    }
  }
  </code></pre>
  <p>Could someone please help me ? thank you </p>