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.
33 lines
No EOL
594 B
TypeScript
33 lines
No EOL
594 B
TypeScript
export function useScrollTo () {
|
|
const router = useRouter();
|
|
|
|
function scroll (id: string) {
|
|
const element = document.getElementById(id);
|
|
if (element) {
|
|
element.scrollIntoView({ behavior: 'smooth' });
|
|
} else {
|
|
console.error('Element not found:', id);
|
|
}
|
|
}
|
|
|
|
function scrollTo (
|
|
id: string,
|
|
routePath?: string
|
|
) {
|
|
if (routePath) {
|
|
router.push({
|
|
path: routePath
|
|
}).then(() => {
|
|
scroll(id);
|
|
});
|
|
} else {
|
|
setTimeout(() => {
|
|
scroll(id);
|
|
}, 100);
|
|
}
|
|
}
|
|
|
|
return {
|
|
scrollTo
|
|
};
|
|
} |