thainv-dev: Fix

This commit is contained in:
nguyen van thai
2024-07-17 14:27:21 +07:00
parent 45f21ba187
commit a63155a782
@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { isEmpty } from "@/utils/lodash"; import { isEmpty } from "@/utils/lodash";
import { nanoid } from "nanoid" import { nanoid } from "nanoid";
import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue"; import DynamicComponent from "~/components/dynamic-page/page-component/templates/index.vue";
import RecusiveNavItem from "@/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue"; import RecusiveNavItem from "@/components/dynamic-page/page-component/templates/navigations/components/RecusiveNavItem.vue";
import { buildTree } from "@/utils/recusive"; import { buildTree } from "@/utils/recusive";
@@ -15,16 +15,17 @@ const _props = defineProps<{
<div class="px-4 mt-4"> <div class="px-4 mt-4">
<div class="nav-container"> <div class="nav-container">
<template v-if="_props.content"> <template v-if="_props.content">
<div v-for="item, index in buildTree(_props.content)" :key="index" class="nav-items-box"> <div v-for="(item, index) in buildTree(_props.content)" :key="index" class="nav-items-box">
<div class="submenu-container"> <div class="submenu-container">
<h4 class="" >{{ item.title }}</h4> <nuxt-link :to="`/${item.slug}`"
<div class="ml-2"> ><h4 class="font-raleway">{{ item.title }}</h4></nuxt-link
<h5
v-for="_item, _index in item.childs ? item.childs : []"
:key="_index"
> >
<div class="ml-2">
<nuxt-link v-for="(_item, _index) in item.childs ? item.childs : []" :key="_index" :to="`/${_item.slug}`"
><h5 class="font-raleway">
{{ _item.title }} {{ _item.title }}
</h5> </h5></nuxt-link
>
</div> </div>
</div> </div>
</div> </div>