NSG_PORTAL_V2/components/dynamic-page/page-component/templates/navigations/layouts/Top.vue

<script setup lang="ts">
import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue";
import { buildTree } from "@/utils/recusive";
import RecusiveNavItem from "@/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue";

const _props = defineProps<{
  content?: any[];
  component?: any;
}>();
</script>

<template>
  <nav class="border-y-1px border-y-[#dddddd] border-solid">
    <div class="">
      <RecusiveNavItem :records="_props.content && buildTree(_props.content)" :component="_props.component" />
    </div>
  </nav>
</template>