document.addEventListener('alpine:init', () => {
    function slugify(string) {
        return string.toLowerCase().replace(/\s+/g, '-');
    }

    function generateSlug() {
        return {
            title: '',
            slug: '',
            updateSlug() {
                this.slug = slugify(this.title);
            }
        }
    }

    Alpine.data('generateSlug', generateSlug);
});