mirror of
https://github.com/robonen/lorem-blog.git
synced 2026-03-20 10:54:38 +00:00
feat(ui): add Logo and Header components
This commit is contained in:
18
src/widgets/Header/Header.vue
Normal file
18
src/widgets/Header/Header.vue
Normal file
@@ -0,0 +1,18 @@
|
||||
<script setup lang="ts">
|
||||
import { Logo } from '@/shared/icons';
|
||||
import { NavigationMenu, type NavigationMenuItem } from '../NavigationMenu';
|
||||
|
||||
const items = [
|
||||
{ name: 'Главная', path: '/' },
|
||||
{ name: 'Блог', path: '/blog' },
|
||||
] satisfies NavigationMenuItem[];
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<header class="p-4 dark bg-background text-foreground">
|
||||
<div class="mx-auto container flex space-x-18">
|
||||
<Logo class="h-6" aria-label="Logo" />
|
||||
<NavigationMenu :items />
|
||||
</div>
|
||||
</header>
|
||||
</template>
|
||||
Reference in New Issue
Block a user