schon/storefront/pages/index.vue
Alexandr SaVBaD Waltz 129ad1a6fa Features: 1) Build standalone pages for search, contact, catalog, category, brand, product, and home with localized metadata and scoped styles; 2) Add extensive TypeScript definitions for API and app-level structures, including products, orders, brands, and categories; 3) Implement i18n configuration with dynamic browser language detection and fallback system;
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.
2025-06-27 00:10:35 +03:00

44 lines
No EOL
912 B
Vue

<template>
<div class="home">
<home-hero />
<home-brands />
<home-collection />
<home-category-tags />
</div>
</template>
<script setup lang="ts">
import {useUserActivation} from "~/composables/user";
import { useRouteQuery } from '@vueuse/router';
const {t} = useI18n()
const appStore = useAppStore()
const route = useRoute()
useHead({
title: t('breadcrumbs.home'),
})
const token = useRouteQuery('token', '')
const uid = useRouteQuery('uid', '')
const { activateUser } = useUserActivation();
onMounted( async () => {
if (route.path.includes('activate-user') && token.value && uid.value) {
await activateUser(token.value, uid.value)
}
if (route.path.includes('reset-password') && token.value && uid.value) {
appStore.setActiveState('new-password')
}
})
</script>
<style lang="scss" scoped>
.home {
display: flex;
flex-direction: column;
gap: 125px;
}
</style>