Seperate index action from AJAX action, fix #30

app/Http/Controllers/SearcherController.php

@@ -17,12 +17,6 @@ class SearcherController extends Controller
             $searchers = (new SearchersCollection())->all();
         }
 
-        if (request()->wantsJson()) {
-            return response()->json([
-                'searchers' => $searchers,
-            ], 200);
-        }
-
         return view('pages.searchers.index', [
             'searchers' => $searchers,
         ]);
@@ -159,4 +153,11 @@ class SearcherController extends Controller
 
         return response()->json([], 200);
     }
+
+    public function searchersCollection()
+    {
+        return response()->json([
+            'searchers' => (new SearchersCollection())->all(),
+        ], 200);
+    }
 }

resources/js/components/Searchers/Index.vue

@@ -72,7 +72,7 @@ export default class Index extends Vue {
 
     async boot() {
         try {
-            const { data } = await (window as any).axios.get('/searchers');
+            const { data } = await (window as any).axios.get('/all-searchers');
 
             this.searchers = data.searchers.filter((searcher: Searcher) => {
                 return ! this.ignoreSearcherIds.includes(searcher.id);

routes/web.php

@@ -34,5 +34,6 @@ Route::get('/regex/create', 'RegexController@create');
 Route::post('/regex', 'RegexController@store');
 
 Route::resource('/searchers', 'SearcherController');
+Route::get('/all-searchers', 'SearcherController@searchersCollection');
 
 Route::webhooks('/webhooks', 'default');