import { Controller } from "@hotwired/stimulus"; export default class extends Controller { connect() { this.element.classList.add("opacity-0"); this.element.classList.add("translate-y-4"); requestAnimationFrame(() => { this.element.classList.remove("opacity-0"); this.element.classList.remove("translate-y-4"); this.element.classList.add("transition-all"); this.element.classList.add("duration-300"); }); } }