VS Code displays an error on type annotation

I have the Svelte Beta extension installed and have restarted the language server. My svelte.config.js is:

const sveltePreprocess = require('svelte-preprocess');

module.exports = {
    preprocess: sveltePreprocess(),
};

However, the extension does not seem to help VS Code understand that my code is Typescript, since it gives an error on type annotation:

Type annotations can only be used in TypeScript files. javascript

Also interesting, if I change lang="typescript" to type="text/typescript", the syntax colours completely go away, as well as the error:

System (please complete the following information):

• OS: macOS Catalina 10.15.4
• IDE: VS Code
• Plugin: Svelte Beta

[maximedupre]

Ah, so the problem was because I had this in my VS Code “User” settings:

  "files.associations": {
    "*.svelte": "html"
  },

Now that I’ve removed it, everything seems to work fine.

[benwoodward]

Not sure if this is related but I’m getting the same error on a number annotation using Neovim:

tsconfig:

{
  "extends": "@tsconfig/svelte/tsconfig.json",
  "compilerOptions": {
    "moduleResolution": "node",
    "module": "esnext",
    "lib": ["esnext"],
    "target": "es2019",
    "strict": true,
    "noImplicitAny": false,
    /**
      svelte-preprocess cannot figure out whether you have a value or a type, so tell TypeScript
      to enforce using \`import type\` instead of \`import\` for Types.
      */
    "importsNotUsedAsValues": "error",
    "allowSyntheticDefaultImports": true,
    "isolatedModules": true,
    "resolveJsonModule": true,
    /**
      To have warnings/errors of the Svelte compiler at the correct position,
      enable source maps by default.
      */
    "sourceMap": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "baseUrl": ".",
    "allowJs": true,
    "checkJs": true,
    "paths": {
      "$lib": ["src/lib"],
      "$lib/*": ["src/lib/*"]
    }
  },
  "include": ["src/**/*.d.ts", "src/**/*.js", "src/**/*.ts", "src/**/*.svelte"],
  "exclude": ["node_modules/*"]
}

---

EDIT: Nevermind, I was missing lang="ts" on the script tag. Should have been <script lang="ts">