Move big js dropdown function out of html

[howdu]

Without overwriting this whole file how can I move the big dropdown function into my app.js file?

https://github.com/joshhanley/livewire-autocomplete/blob/main/resources/views/autocomplete.blade.php

[joshhanley]

@howdu currently there's no easy way to do that. But I'd love to come up with a solution that allows it to be disabled in the blade file and instead be able to be included in a compiled JS file like app.js. Maybe based on a config option or something.

[howdu]

Cheers I had a play doing that here but kept getting "autocomplete is not defined".

Moved the function into my app.js file and set it global with window.autocomplete = function(config) but Vite js module bundling prevents this from loading first.

[joshhanley]

@howdu I was experimenting with a rewrite on the weekend that actually includes an external .js file using a script tag, that can be turned off using a config option. This would in theory allow it to be included using a bundler or manually in a layout file. Still experimenting with it though.