使用Elemen加上lang=“ts“后编译报错

<template>
  <el-input v-model="input" placeholder="Please input" />
</template>
<script lang="ts" setup>
import { ref } from 'Vue'
const input = ref('')
</script>

npm install typescript ts-loader --save-dev

configurewebpack: {    
      resolve: { extensions: [".ts", ".tsx", ".js", ".JSON"] },    
      module: {        
        rules: [    
          {    
            test: /\.tsx?$/,    
            loader: 'ts-loader',    
            exclude: /node_modules/,    
            options: {
              appendTsSuffixTo: [/\.vue$/],    
            }    
          }        
        ]    
      }    
    }

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  configureWEBpack: {
    resolve: { extensions: [".ts", ".tsx", ".js", ".json"] },
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          loader: 'ts-loader',
          exclude: /node_modules/,
          options: {
            appendTsSuffixTo: [/\.vue$/],
          }
        }
      ]
    }
  }
})

{
    "compilerOptions": {
      "target": "es5",
      "module": "commonjs",
      "strict": true,
      "strictNullChecks": true,
      "esModuleInterop": true,
      "experimentalDecorators": true
    }
}

declare module "*.vue" {
    import Vue from "vue";
    export default Vue;
}