<template>
    <ul class="navbar-nav me-auto">
        <template v-for="item in items">
            <li class="nav-item">
                <router-link
                    :to="{ name: item.route }"
                    active-class="active"
                    class="nav-link text-auto"
                >
                    {{ item.name }}
                </router-link>
            </li>
        </template>
    </ul>

    <!-- Right Side Of Navbar -->
    <ul class="navbar-nav ms-auto">
        <li class="nav-item">
            <a
                class="nav-link text-auto"
                href="https://wiki.laecloud.com/PortIO"
                target="_blank"
            >文档</a>
        </li>
        <li class="nav-item">
            <a class="nav-link text-auto" href="/auth/logout">退出登录</a>
        </li>
    </ul>
</template>

<script setup>
import {ref} from "vue";

const items = ref([
    {
        name: "首页",
        route: "index",
    },
  
]);

</script>