You've already forked Atomcms-edit
root
e6d92f27b3
- Rename all .js/.jsx files to .ts/.tsx across resources/js and theme dirs - Add TypeScript 6.0 with strict mode, tsconfig.json - Add type definitions for Inertia page props, Alpine.js, Turbolinks - Update vite.config.js entries to .ts/.tsx extensions - Update all Blade @vite() calls to match new .ts/.tsx entry points - Add TypeScript ESLint config (replacing unused Vue plugin) - Add @types/react, @types/react-dom, @types/lodash - Add typecheck script and integrate into check pipeline - Full tsc --noEmit, ESLint, and production build pass cleanly
36 lines
702 B
TypeScript
Executable File
36 lines
702 B
TypeScript
Executable File
import Swiper from "swiper";
|
|
|
|
interface AtomSlidersStore {
|
|
init(): void;
|
|
initArticleSlider(): void;
|
|
}
|
|
|
|
const AtomSliders: AtomSlidersStore = {
|
|
init() {
|
|
document.addEventListener("turbolinks:load", () => {
|
|
this.initArticleSlider();
|
|
});
|
|
},
|
|
|
|
initArticleSlider() {
|
|
if (!document.querySelector(".article-slider")) return;
|
|
|
|
new Swiper(".articles-slider", {
|
|
modules: [],
|
|
slidesPerView: 1,
|
|
loop: true,
|
|
autoplay: {
|
|
delay: 5000,
|
|
disableOnInteraction: false,
|
|
pauseOnMouseEnter: true,
|
|
},
|
|
pagination: {
|
|
el: ".swiper-pagination",
|
|
clickable: true,
|
|
},
|
|
});
|
|
},
|
|
};
|
|
|
|
export { AtomSliders as default };
|