From 24c6d77c7bb1b1bb116282a5f47c38f8ad78b122 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 19 Jan 2022 17:15:14 +0100
Subject: [PATCH] wip #4804

---
 resources/js/search.js                      |  7 +++----
 resources/views/components/search.blade.php | 15 +--------------
 2 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/resources/js/search.js b/resources/js/search.js
index fb6effd..b664da3 100644
--- a/resources/js/search.js
+++ b/resources/js/search.js
@@ -4,11 +4,11 @@
 
 import MiniSearch from 'minisearch';
 
-export default (searchData = []) => ({
+export default () => ({
 
     miniSearch: {}, // Holds the MiniSearch instance
     setup: { // MiniSearch options: https://lucaong.github.io/minisearch/#search-options
-        fields: ['title', 'text','keywords'], // fields to index for full-text search
+        fields: ['title', 'text', 'keywords'], // fields to index for full-text search
         storeFields: ['id', 'title', 'text', 'type', 'url', 'thumb'], // fields to return with search results
         searchOptions: {
             prefix: true, // Allow partial matches
@@ -17,9 +17,8 @@ export default (searchData = []) => ({
     query: '', // The search query
 
     async init() {
-
         this.miniSearch = new MiniSearch(this.setup);
-        await loadScript('search.index.js');
+        await loadScript('../js/search.index.js');
         this.miniSearch.addAllAsync(minisearchodl);
     },
 
diff --git a/resources/views/components/search.blade.php b/resources/views/components/search.blade.php
index c5bed4f..a7f670d 100644
--- a/resources/views/components/search.blade.php
+++ b/resources/views/components/search.blade.php
@@ -1,23 +1,10 @@
 {{-- SEARCH (full screen overlay) --}}
 
-@push('before_scripts')
-    <script>
-        @php
-            // TODO: Consider fetching this via JS only when search is used
-
-            // TODO: need to change Cubist/minisearch to output data differently but until then, can test it by copying the output manually into a .json file. Then use await / fetch to get data only when needed?
-            echo file_get_contents(storage_path('search.js'));
-            //echo 'var documents = [];';
-        @endphp
-    </script>
-@endpush
-
 <div class="overlay search-overlay
             bg-white text-black
             z-20"
-     {{-- Pass search index [documents] to component for setup --}}
      {{-- See js/search.js --}}
-     x-data="search(documents)"
+     x-data="search()"
      x-show="searchOpen"
      x-transition:enter.opacity.duration.500ms
      x-transition:leave.opacity.duration.200ms
-- 
2.39.5