我有一个Vue.js项目，在VS代码中给我奇怪的错误/警告：

• 每当我将一个值作为prop传递给某个定制组件时，就会发生这种情况--例如，在Vuetify组件上就不会发生这种情况
• 它总是只在第一个 prop 上显示此警告
• 不管 prop 是什么类型，也不管传递给 prop 的是什么
• 项目编译时没有错误，浏览器控制台日志中也没有错误，我的项目工作正常
• 我使用"常规/默认"组件样式，而不是基于类的组件样式
• 我使用类型脚本

以下是示例图像中的prop在接收其值的子元素中的定义方式：

import Vue from 'vue';

export default Vue.extend({
    name: 'MyCustomComponent',

    props: {
        title: String,
    },

    data: function () {},
});

如何才能摆脱这些"无用"的警告？

编辑

根据请求，以下是父组件脚本和子组件脚本：
App.vue

<template>
    <v-app>
        <v-main>
            <hello-world :title="title" :heading="heading" />
        </v-main>
    </v-app>
</template>

<script lang="ts">
import Vue from 'vue';
import HelloWorld from './components/HelloWorld.vue';

export default Vue.extend({
    name: 'App',

    components: {
        HelloWorld,
    },

    data: () => ({
        title: 'Title!',
        heading: 'Heading!',
    }),
});
</script>

HelloWorld.vue

<template>
    <v-container>
        <v-row class="text-center">
            <v-col class="mb-4">
                <h1>
                    {{ title }}
                </h1>
                <h2>
                    {{ heading }}
                </h2>
            </v-col>
        </v-row>
    </v-container>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
    name: 'HelloWorld',

    props: {
        title: String,
        heading: String,
    },

    data: () => ({}),
});
</script>