sweet_crm/src/widgets/header/ui/Header.vue

26 lines
636 B
Vue

<script setup lang="ts">
import { CartButton } from '~/src/features/cart'
function goToCatalogPage() {
navigateTo({
path: '/catalog',
})
}
</script>
<template>
<div class="py-8 flex gap-12 items-center w-full">
<img
src="../../../../public/favicon.ico"
alt="svg"
>
<div class="flex gap-5 w-full">
<UButton size="xl" icon="heroicons-bars-3" @click="goToCatalogPage">
Каталог
</UButton>
<UInputMenu placeholder="Поиск по каталогу" size="xl" class="w-full" leading-icon="heroicons-magnifying-glass" />
<CartButton />
</div>
</div>
</template>