Separacion de js a archivos por pagina

resources/views/home/eventos.blade.php

@@ -34,63 +34,17 @@
   </div>
 </div>
 
-@push('scripts')
-  <script type="text/javascript">
-    var eventos = {
-      eventos: [
-        @foreach ($eventos as $evento)
-          {
-            titulo: '{{$evento->titulo}}',
-            image: '{!!$evento->imagen!!}',
-            empresa: '{{$evento->empresa}}',
-            servicio: '{{$evento->servicio}}'
-          },
-        @endforeach
-      ],
-      current_tab: 'none',
-      changeEventos: (filter) => {
-        var grid = $('#eventos_cards')
-        grid.html('')
-        $.each(eventos.eventos, function(i, el) {
-          if (filter != 'none' && el.servicio != filter) {
-            return
-          }
-          grid.append(
-            $('<div></div>').attr('class', 'eight wide tablet four wide computer column').append(
-              $('<div></div>').attr('class', 'ui basic segment').append(
-                $('<a></a>').attr('href', '{{$urls->base}}/evento/' + i).append(
-                  $('<div></div>').attr('class', 'ui image').append(
-                    $('<img />').attr('src', el.image)
-                  )
-                ).append(
-                  $('<div></div>').attr('class', 'ui center aligned header').append(el.titulo).append(
-                    $('<br />')
-                  ).append(el.empresa)
-                )
-              )
-            )
-          )
-        })
+@push('readyjs')
+  eventos.eventos = [
+    @foreach ($eventos as $evento)
+      {
+        titulo: '{{$evento->titulo}}',
+        image: '{!!$evento->imagen!!}',
+        empresa: '{{$evento->empresa}}',
+        servicio: '{{$evento->servicio}}'
       },
-      changeTab: (filter) => {
-        $('.servicio.active').removeClass('active')
-        $(".servicio[data-filter='" + filter + "']").addClass('active')
-        eventos.current_tab = filter
-      },
-      setup: () => {
-        $('.servicio').click(function(e) {
-          e.preventDefault()
-          var filter = $(this).attr('data-filter')
-          if (filter == eventos.current_tab) {
-            return
-          }
-          eventos.changeTab(filter)
-          eventos.changeEventos(filter)
-        })
-      }
-    }
-    $(document).ready(function() {
-      eventos.setup()
-    })
-  </script>
+    @endforeach
+  ]
+  eventos.base_url = '{{$urls->base}}'
+  eventos.setup()
 @endpush