sidalidev / alpine-turbo-drive-adapter

Bridge library to enable full support for Alpine components in pages using Turbolinks

Alpine Turbo Drive Adapter

Alpine-turbo-drive-adapter allows you to add support for Alpine.js V3 to your Turbolinks/Turbo powered apps. It handles events to properly clean up the DOM from Alpine generated code when navigating between pages.

If you look for the Alpine v2 version, look at the 1.x branch.

Install

From CDN

Just include <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/alpine-turbo-drive-adapter.min.js" defer></script> before your Alpine script in your page

From NPM

Install the package

npm i alpine-turbo-drive-adapter

Include it in your script along with Alpine JS (make sure Alpine is available on the window object).

import 'alpine-turbo-drive-adapter'
import Alpine from 'alpinejs'
window.Alpine = Alpine