tonysm / 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, formerly alpine-turbolinks-adapter, allows you to add support for Alpine.js to your Turbolinks/Turbo powered apps. It handles events to properly clean up the DOM from Alpine generated code when navigating between pages.

Install

From CDN

Just include <script src="https://cdn.jsdelivr.net/npm/alpine-turbo-drive-adapter@1.1.x/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.

import 'alpine-turbo-drive-adapter'
import 'alpinejs'