S. EsmaeiliandClaude Opus 4.6
e31ef5a21f
Full 1:1 migration preserving all visuals, animations and behavior: - Nuxt 4 + Vue 3 (script setup, TypeScript strict) with SSG output - Tailwind CSS v4 with @tailwindcss/vite - Ant Design Vue 4 (dark theme, RTL, Persian locale) for design system - Pinia for state management (ui + contact stores) - motion-v (framer-motion port) for all animations - lucide-vue-next for icons - SEO improvements: og:image, canonical fix, real 404 page, JSON-LD services - JS bundle reduced from 302KB to 239KB gzip - Docker/nginx deployment preserved (out/ -> nginx) Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
14 lines
414 B
TypeScript
14 lines
414 B
TypeScript
/** Reactive `window.scrollY > threshold`, evaluated after mount (passive listener). */
|
|
export function useScrolledPast(threshold: number) {
|
|
const past = ref(false);
|
|
const on = () => (past.value = window.scrollY > threshold);
|
|
|
|
onMounted(() => {
|
|
on();
|
|
window.addEventListener("scroll", on, { passive: true });
|
|
});
|
|
onBeforeUnmount(() => window.removeEventListener("scroll", on));
|
|
|
|
return past;
|
|
}
|