No longer support lang='tsx'? Only "ts" can be used for the 'lang' attribute of '<script>'

[seepine]

Created by

$ pnpm create vue@latest ┌ Vue.js - The Progressive JavaScript Framework │ ◇ Project name (target directory): │ vue-template2 │ ◇ Select features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm) │ TypeScript, JSX Support, Router (SPA development), Pinia (state management), ESLint (error prevention), Prettier (code formatting) │ ◇ Install Oxlint for faster linting? (experimental) │ No

package.json

"dependencies": { "pinia": "^3.0.1", "vue": "^3.5.13", "vue-router": "^4.5.0" }, "devDependencies": { "@tsconfig/node22": "^22.0.1", "@types/node": "^22.14.0", "@vitejs/plugin-vue": "^5.2.3", "@vitejs/plugin-vue-jsx": "^4.1.2", "@vue/eslint-config-prettier": "^10.2.0", "@vue/eslint-config-typescript": "^14.5.0", "@vue/tsconfig": "^0.7.0", "eslint": "^9.22.0", "eslint-plugin-vue": "~10.0.0", "jiti": "^2.4.2", "npm-run-all2": "^7.0.2", "prettier": "3.5.3", "typescript": "~5.8.0", "vite": "^6.2.4", "vite-plugin-vue-devtools": "^7.7.2", "vue-tsc": "^2.2.8" },

[seepine]

Modify eslint.config.ts, can work.

import { globalIgnores } from 'eslint/config' import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript' import pluginVue from 'eslint-plugin-vue' import skipFormatting from '@vue/eslint-config-prettier/skip-formatting' // To allow more languages other than `ts` in `.vue` files, uncomment the following lines: import { configureVueProject } from '@vue/eslint-config-typescript' configureVueProject({ scriptLangs: ['ts', 'tsx'] }) // More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup export default defineConfigWithVueTs( { name: 'app/files-to-lint', files: ['**/*.{ts,mts,tsx,vue}'], }, globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']), pluginVue.configs['flat/essential'], vueTsConfigs.recommended, skipFormatting, )