npm install -D laravel-mix alpinejs @alpinejs/focus @alpinejs/collapse tailwindcss@latest postcss@latest postcss-import autoprefixer@latest @tailwindcss/forms@latest @tailwindcss/typography@latest @tailwindcss/aspect-ratio@latest --save-dev
npm install -D laravel-mix alpinejs @alpinejs/focus @alpinejs/collapse tailwindcss@2.2.19 postcss-import postcss-nesting autoprefixer@10.2.6 @tailwindcss/forms@0.3.4 @tailwindcss/typography@0.4.1 @tailwindcss/aspect-ratio@0.3.0 --save-dev
Create resources/js/alpine.js
import Alpine from 'alpinejs'
import focus from '@alpinejs/focus'
import collapse from '@alpinejs/collapse'
window.Alpine = Alpine
Alpine.plugin(focus)
Alpine.plugin(collapse)
Alpine.start()
export default Alpine
import './bootstrap'
import './alpine'
Stack scripts AFTER Livewire scripts in your main layout file. (app.blade.php)
<body>
...
@livewireScripts
@stack("scripts")
</body>
