老师你好，这个问题在本节提问看到几次，但是没有找到回答，想问下最后应该怎么解决，是哪里的问题呢？
以下为 GlobarHeader.vue 源码

<template>
    <nav class="Navbar navbar-dark bg-primary jusitify-content-between mb-4">
        <a class="navbar-brand" href="#">一方</a>
        <!-- 未登录 -->
        <ul v-if="!user.isLogin" class="list-inline mb-0">
            <li class="list-inline-item"><a href="#" class="btn btn-outline-light my-2">登陆</a></li>
            <li class="list-inline-item"><a href="#" class="btn btn-outline-light my-2">注册</a></li>
        </ul>
        <!-- 已登录 -->
        <ul v-if="user.isLogin" class="list-inline mb-0">
            <li class="list-inline-item"><a href="#" class="btn btn-outline-light my-2">你好 {{user.name}}</a></li>
        </ul>
    </nav>
</template>

<script lang="ts">
    import { defineComponent, PropType } from 'vue';

    export interface UserProps {
        isLogin: boolean;
        name?: string;
        id?: number;
    }

    export default defineComponent({
        name: 'GlobarHeader',
        props: {
            user: {
                type: Object as PropType<UserProps>,
                required: true
            }
        }
    })
</script>

<style scoped>

</style>