133. Cómo Obtener Slugs desde Títulos de Artículos con Alpine.js

Expresion regular 

        <script>
            function data(){
                return {
                    title: '',
                    slug: '',
                    string_to_slug(str){
                        str = str.replace(/^\s+|\s+$/g, '');
                        str = str.toLowerCase();
                        var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
                        var to = "aaaaeeeeiiiioooouuuunc------";
                        for (var i = 0, l = from.length; i < l; i++) {
                            str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
                        }
                        str = str.replace(/[^a-z0-9 -]/g, '')
                            .replace(/\s+/g, '-')
                            .replace(/-+/g, '-');
                        this.slug = str;
                    }
                }
            }
        </script>

Hay un pequeño detalle que ocurre al colocar x-model, y es que ignora el atributo value, por lo que la validación ya no funciona, una forma de solucionar eso es colocar el modificador “.fill” en x-model.

// Código:
<x-input name="title" value="{{ old('title') }}" x-model.fill='title' class="w-full"
 placeholder="Ingrese el nombre del post" />
 
<x-input name="slug" value="{{ old('slug') }}" x-model.fill='slug' class="w-full" placeholder="Ingrese el nombre del post" />

Hola, por si alguien necesita copiar directamente el codigo de expresiones regulares (no se como poner tipo codigo en los comentarios 😅)  

string_to_slug(str){

                        str = str.replace(/^\s+|\s+$/g, '');

                        str = str.toLowerCase();

                        var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";

                        var to = "aaaaeeeeiiiioooouuuunc------";

                        for (var i = 0, l = from.length; i < l; i++) {

                            str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));

                        }

                        str = str.replace(/[^a-z0-9 -]/g, '')

                            .replace(/\s+/g, '-')

                            .replace(/-+/g, '-');

                        this.slug = str;

                    }

Hola quisiera saber si hay manera de no manejar el código js en la misma hoja de trabajo en este caso del create, sino tener otra hoja de trabajo, si lo hay  en que parte iría? ya que se  percibe que hay saturación de código.

Hola, buenas tardes. Indicas que dejas el código javascript / Alpine en el repositorio del curso, pero no encuentro donde está. Por favor, ¿puedes indicarme como obtenerlo?. Muchas gracias