yakovenko_arina/your-gold
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

add paegs/icons/routing/stores

Browse Source
This commit is contained in:
Arina Yakovenko
2025-05-29 15:25:24 +02:00
parent 6eeff429e7
commit 837eea76a5
23 changed files with 2581 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

170
components/HeaderBlock.vue
View File

@ -6,7 +6,8 @@
<div class="hidden h-[120px] w-full items-center justify-between xl:flex">
<ul class="flex items-center gap-20 whitespace-nowrap">
<li
v-for="(item, index) in menu.items"
v-for="(item, index) in menuStore.menu"
@click="menuStore.navigateToItem(item);"
:key="index"
class="hover:text-text-light/80 dark:hover:text-text-dark/70 cursor-pointer text-lg transition-all"
>
@ -14,21 +15,14 @@
{{ item.name }}
</li>
</ul>
<img src="/logo.png" alt="Frame" />
<img class="dark:hidden" src="/logo.png" alt="Frame" />
<img class="hidden dark:block" src="/logo-dark.png" alt="Frame" />
<div class="flex items-center gap-[30px]">
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Account.svg"
alt="Account"
/>
<i class="uil uil-user h-8 w-8 text-text-light cursor-pointer"></i>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Cart.svg"
alt="Cart"
/>
<i class="uil uil-user text-[35px] cursor-pointer"></i>
<i class="uil uil-shopping-cart text-[35px] cursor-pointer"></i>
</div>
<ThemeSwitcher />
<LangSwitcher />
<button
class="hover:bg-button-hover bg-button cursor-pointer rounded-xl px-6 py-3 font-medium text-white transition-all"
>
@ -40,22 +34,10 @@
>
<img src="/logo.png" alt="Frame" />
<div class="flex items-center gap-6">
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Account.svg"
alt="Account"
/>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Cart.svg"
alt="Cart"
/>
<i class="uil uil-user text-[35px] cursor-pointer"></i>
<i class="uil uil-shopping-cart text-[35px] cursor-pointer"></i>
<ThemeSwitcher />
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Menu.svg"
alt="Cart"
/>
<i class="uil uil-apps text-[35px] cursor-pointer"></i>
</div>
</div>
<div
@ -63,139 +45,23 @@
>
<img src="/logo.png" alt="Frame" />
<div class="flex items-center gap-6">
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Account.svg"
alt="Account"
/>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Cart.svg"
alt="Cart"
/>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Menu.svg"
alt="Cart"
/>
<i class="uil uil-user text-[35px] cursor-pointer"></i>
<i class="uil uil-shopping-cart text-[35px] cursor-pointer"></i>
<i class="uil uil-apps text-[35px] cursor-pointer"></i>
</div>
</div>
<div class="flex h-[84px] w-full items-center justify-between sm:hidden">
<img src="/logo.png" alt="Frame" />
<div class="flex items-center gap-6">
<!-- <img
class="h-8 w-8 cursor-pointer"
src="/icons/Account.svg"
alt="Account"
/> -->
<i class="uil uil-user h-8 w-8 cursor-pointer"></i>
<img
class="h-8 w-8 cursor-pointer"
src="/icons/Menu.svg"
alt="Cart"
/>
<i class="uil uil-user text-[35px] cursor-pointer"></i>
<i class="uil uil-apps text-[35px] cursor-pointer"></i>
</div>
</div>
</UContainer>
</div>
</template>
<script lang="ts" setup>
const menu = {
items: [
{
active: true,
created: "2025-04-29 14:21:16.980Z",
id: "l10y982y139ep7u",
id_lang: "en",
id_page: "",
id_parent: "",
is_default: false,
is_root: true,
link_rewrite: "",
link_title: "",
meta_description: "",
meta_title: "",
name: "Investice",
page_name: "",
position_id: 0,
updated: "2025-05-09 08:34:06.650Z",
},
{
active: true,
created: "2025-04-29 14:21:16.980Z",
id: "l10y982y139ep7u",
id_lang: "en",
id_page: "",
id_parent: "",
is_default: false,
is_root: true,
link_rewrite: "",
link_title: "",
meta_description: "",
meta_title: "",
name: "O zlotě",
page_name: "",
position_id: 0,
updated: "2025-05-09 08:34:06.650Z",
},
{
active: true,
created: "2025-04-29 14:21:16.980Z",
id: "l10y982y139ep7u",
id_lang: "en",
id_page: "",
id_parent: "",
is_default: false,
is_root: true,
link_rewrite: "",
link_title: "",
meta_description: "",
meta_title: "",
name: "Podnikání",
page_name: "",
position_id: 0,
updated: "2025-05-09 08:34:06.650Z",
},
{
active: true,
created: "2025-04-29 14:21:16.980Z",
id: "l10y982y139ep7u",
id_lang: "en",
id_page: "",
id_parent: "",
is_default: false,
is_root: true,
link_rewrite: "",
link_title: "",
meta_description: "",
meta_title: "",
name: "O Nás",
page_name: "",
position_id: 0,
updated: "2025-05-09 08:34:06.650Z",
},
{
active: true,
created: "2025-04-29 14:21:16.980Z",
id: "l10y982y139ep7u",
id_lang: "en",
id_page: "",
id_parent: "",
is_default: false,
is_root: true,
link_rewrite: "",
link_title: "",
meta_description: "",
meta_title: "",
name: "Kontakt",
page_name: "",
position_id: 0,
updated: "2025-05-09 08:34:06.650Z",
},
],
page: 1,
perPage: 50,
totalItems: 14,
totalPages: 1,
};
import LangSwitcher from './langSwitcher.vue';
const menuStore = useMenuStore()
</script>