title: svelte 3 typescript: Unexpected tokensvelte(parse-error)
body: <p>I'm new to svelte and I would like to try it with typescript by following <a href="https://svelte.dev/blog/svelte-and-typescript" rel="nofollow noreferrer">the official guideline.</a> I have generated the project and haven't done any change to my code. But I'm getting an (linting?) error from vscode editor (generated file App.svelte):</p>
  <p><a href="https://i.stack.imgur.com/oJXUS.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/oJXUS.png" alt="enter image description here" /></a></p>
  <p>Any help would be greatly appreciated.</p>
  <ul>
  <li>vscode: Version: 1.47.3,</li>
  <li>vscode svelte (official extension): v101.4.0</li>
  <li>node: v12.14.0</li>
  </ul>
  <p><code>package.json</code> (partial):</p>
  <pre><code>&quot;devDependencies&quot;: {
      &quot;@rollup/plugin-commonjs&quot;: &quot;^12.0.0&quot;,
      &quot;@rollup/plugin-node-resolve&quot;: &quot;^8.0.0&quot;,
      &quot;rollup&quot;: &quot;^2.3.4&quot;,
      &quot;rollup-plugin-livereload&quot;: &quot;^1.0.0&quot;,
      &quot;rollup-plugin-svelte&quot;: &quot;^5.0.3&quot;,
      &quot;rollup-plugin-terser&quot;: &quot;^5.1.2&quot;,
      &quot;svelte&quot;: &quot;^3.0.0&quot;,
      &quot;svelte-check&quot;: &quot;^0.1.0&quot;,
      &quot;svelte-preprocess&quot;: &quot;^4.0.0&quot;,
      &quot;@rollup/plugin-typescript&quot;: &quot;^4.0.0&quot;,
      &quot;typescript&quot;: &quot;^3.9.3&quot;,
      &quot;tslib&quot;: &quot;^2.0.0&quot;,
      &quot;@tsconfig/svelte&quot;: &quot;^1.0.0&quot;
    },
    &quot;dependencies&quot;: {
      &quot;sirv-cli&quot;: &quot;^1.0.0&quot;
    }
  </code></pre>
  <p>tsconfig.json:</p>
  <pre><code>{
    &quot;extends&quot;: &quot;@tsconfig/svelte/tsconfig.json&quot;,
  
    &quot;include&quot;: [&quot;src/**/*&quot;],
    &quot;exclude&quot;: [&quot;node_modules/*&quot;, &quot;__sapper__/*&quot;, &quot;public/*&quot;],
  }
  </code></pre>