Alexandr SaVBaD Waltz
129ad1a6fa
Fixes: None; Extra: 1) Create Pinia stores for app, user, category, and company management; 2) Add utility functions for error handling and category slug lookups; 3) Include German locale file and robots.txt for improved SEO and accessibility; 4) Add SVG assets and improve general folder structure for better maintainability.
49 lines
No EOL
1,001 B
Vue
49 lines
No EOL
1,001 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;
|
|
|
|
&__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> |