Alexandr SaVBaD Waltz
761fecf67f
Fixes: 1) Replace `ElNotification` calls with `useNotification` utility across all authentication and user-related composables; 2) Add missing semicolons in multiple index exports and styled components; 3) Resolve issues with reactivity in `useStore` composable by renaming and restructuring product variables; Extra: 1) Refactor localized strings and translations for better readability and maintenance; 2) Tweak styles including scoped styles, z-index adjustments, and SCSS mixins; 3) Remove unused components and imports to streamline storefront layout.
50 lines
No EOL
1,022 B
Vue
50 lines
No EOL
1,022 B
Vue
<template>
|
|
<client-only>
|
|
<el-breadcrumb separator="/" class="breadcrumbs">
|
|
<el-breadcrumb-item
|
|
v-for="(crumb, idx) in breadcrumbs"
|
|
:key="idx"
|
|
>
|
|
<nuxt-link-locale
|
|
v-if="idx !== breadcrumbs.length - 1"
|
|
:to="crumb.link"
|
|
class="breadcrumbs__link"
|
|
>
|
|
{{ crumb.text }}
|
|
</nuxt-link-locale>
|
|
<span v-else class="breadcrumbs__current">
|
|
{{ crumb.text }}
|
|
</span>
|
|
</el-breadcrumb-item>
|
|
</el-breadcrumb>
|
|
</client-only>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {useBreadcrumbs} from "~/composables/breadcrumbs";
|
|
|
|
const { breadcrumbs } = useBreadcrumbs()
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.breadcrumbs {
|
|
padding: 15px 250px 15px 50px;
|
|
line-height: 140%;
|
|
|
|
&__link {
|
|
cursor: pointer !important;
|
|
transition: 0.2s;
|
|
color: $accent !important;
|
|
font-weight: 600 !important;
|
|
|
|
@include hover {
|
|
color: $accentDark !important;
|
|
}
|
|
}
|
|
|
|
&__current {
|
|
font-weight: 600;
|
|
color: #333;
|
|
}
|
|
}
|
|
</style> |