Alexandr SaVBaD Waltz
c9807bd6d4
Fixes: 1) Correct mutation name from `setlanguage` to `setLanguage` for consistency; 2) Improve product listing reactivity by addressing missing initialization in `useStore`; 3) Replace generic product queries with parametrized `useProducts` for modularity; 4) Resolve minor typos, missing semicolons, and code formatting inconsistencies. Extra: 1) Refactor feedback-related types, composables, and GraphQL utilities for modularity; 2) Update styles, Vue templates, and related scripts with enhanced formatting; 3) Remove unused methods like `getProducts`, standardizing query reactivity; 4) Cleanup and organize imports across multiple files.
50 lines
No EOL
1 KiB
Vue
50 lines
No EOL
1 KiB
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> |