add mainmenu

This commit is contained in:
masterforweb
2025-12-22 10:33:34 +03:00
parent a8027e1ad3
commit a62ee9c278
2 changed files with 65 additions and 0 deletions

View File

@@ -0,0 +1,32 @@
---
import { fetchMenu } from '@api/menu';
interface Props {
menuId: number;
}
const menuId = '3342';
// Получаем меню по ID
const menu = await fetchMenu({ id: menuId });
if (!menu) {
return;
}
---
<nav class="simple-menu">
<ul class="simple-menu-list">
{menu.menuItems.nodes.map(item => (
<li class="simple-menu-item" key={item.id}>
<a
href={item.url}
class="simple-menu-link"
target={item.target || '_self'}
>
{item.label}
</a>
</li>
))}
</ul>
</nav>

View File

@@ -0,0 +1,33 @@
---
import { fetchMenu } from '@api/menu';
interface Props {
menuId: number;
}
const { menuId } = Astro.props;
// Получаем меню по ID
const menu = await fetchMenu({ id: menuId });
if (!menu) {
return;
}
---
<nav class="simple-menu">
<ul class="simple-menu-list">
{menu.menuItems.nodes.map(item => (
<li class="simple-menu-item" key={item.id}>
<a
href={item.url}
class="simple-menu-link"
target={item.target || '_self'}
>
{item.label}
</a>
</li>
))}
</ul>
</nav>