Vue TypeScript uses vue-property-decorator to prompt router-view that it is not registered

<template>
    <div id="app">
        <router-view></router-view>
    </div>
</template>
<script lang="ts">
import { Vue, Component } from "vue-property-decorator"

@Component
export default class extends Vue {
}
</script>

if I use the above method, I will report an error after running

Unknown custom element: <router-view> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

and there is no $router and $route on the vue object

if I remove

@Component

can be used normally. How can I use it correctly? @ Component

Menu