问属性'axios‘在类型上不存在

EN

import { createApp } from 'vue'
import App from './App.vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'

createApp(App).use(VueAxios, axios).use(ElementPlus).mount('#app')

<template>
    <h1>Todo List</h1>
    <todo-form @send-message="createTodo"></todo-form>
</template>

<script lang="ts">
import { ElMessage } from 'element-plus';
import { Options, Vue } from 'vue-class-component';
import TodoForm from './TodoForm.vue'

@Options({
    components: {
        TodoForm,
    }
})

export default class TodoList extends Vue {
    todos = [];

    async mounted() {
        await this.loadTodos();
    }

    async loadTodos() {
        const response = await this.axios.get('http://localhost:8080/');
        this.todos = response.data;
    }

    async createTodo(todo: any) {
        console.log("Todo", todo)
        ElMessage({
            message: "Todo Created",
            type: "success"
        })
    }
}
</script>