aos initial configuration vue

  1. Install AOS library via npm:
npm install aos
  1. Import AOS styles and initialize AOS in your main JavaScript file:
import 'aos/dist/aos.css';
import AOS from 'aos';
AOS.init();
  1. Add the data-aos attribute to the elements you want to animate:
<div data-aos="fade-up"></div>
  1. Customize the animation settings using data attributes:
<div data-aos="fade-up" data-aos-duration="1000" data-aos-delay="500"></div>