Laravel 8 - Bundling AlpineJS component files

app.js

import Alpine from 'alpinejs';

import filterComponent from "./components/filter";
window.filterComponent = filterComponent;

window.Alpine = Alpine;
Alpine.start();

filter.blade.php

<div x-data="filterComponent()">
    component content
</div>

filter.js

export default () => {
    console.log('FilterComponent Initialized!');
    return {
        filter1: false,
        filter2: false,
        filter3: false
    }
}


// don't forget to run bundle command after all