added prettier

resources/js/components/Spotlight/CategoryName.vue

@@ -1,10 +1,10 @@
 <template>
-	<b class="text-xs text-gray-500 mb-1.5 block">
-		<slot></slot>
-	</b>
+    <b class="mb-1.5 block text-xs text-gray-500">
+        <slot></slot>
+    </b>
 </template>
 <script>
-	export default {
-		name: 'CategoryName',
-	}
-</script>
+export default {
+    name: 'CategoryName',
+}
+</script>

resources/js/components/Spotlight/FilterSuggestion.vue

@@ -1,19 +1,14 @@
 <template>
-	<div class="flex items-center py-2 cursor-pointer">
-		<span class="text-sm dark:bg-4x-dark-foreground bg-light-background font-bold py-1 px-2 rounded-lg dark-text-theme">
-			{{ keyword }} + {{ $t('space') }}
-		</span>
-		<p class="ml-3 text-sm font-semibold text-gray-500">
-			{{ description }}
-		</p>
-	</div>
+    <div class="flex cursor-pointer items-center py-2">
+        <span class="dark-text-theme rounded-lg bg-light-background py-1 px-2 text-sm font-bold dark:bg-4x-dark-foreground"> {{ keyword }} + {{ $t('space') }} </span>
+        <p class="ml-3 text-sm font-semibold text-gray-500">
+            {{ description }}
+        </p>
+    </div>
 </template>
 <script>
-	export default {
-		name: 'FilterSuggestion',
-		props: [
-			'keyword',
-			'description',
-		]
-	}
-</script>
+export default {
+    name: 'FilterSuggestion',
+    props: ['keyword', 'description'],
+}
+</script>

resources/js/components/Spotlight/KeyboardHints.vue

@@ -1,40 +1,35 @@
 <template>
-	<div v-if="! $isMobile()" class="flex items-center px-5 pb-2">
+    <div v-if="!$isMobile()" class="flex items-center px-5 pb-2">
+        <!--Arrow key navigation-->
+        <div class="mr-4 flex items-center">
+            <ArrowUpIcon size="12" class="vue-feather text-gray-400" />
+            <ArrowDownIcon size="12" class="vue-feather text-gray-400" />
 
-		<!--Arrow key navigation-->
-		<div class="flex items-center mr-4">
-			<ArrowUpIcon size="12" class="vue-feather text-gray-400" />
-			<ArrowDownIcon size="12" class="vue-feather text-gray-400" />
+            <span class="ml-1.5 text-xs text-gray-400">
+                {{ $t('Navigate') }}
+            </span>
+        </div>
 
-			<span class="text-xs ml-1.5 text-gray-400">
-				{{ $t('Navigate') }}
-			</span>
-		</div>
+        <!--Submit key-->
+        <div class="flex items-center">
+            <CornerDownLeftIcon size="12" class="vue-feather text-gray-400" />
 
-		<!--Submit key-->
-		<div class="flex items-center">
-			<CornerDownLeftIcon size="12" class="vue-feather text-gray-400" />
-
-			<span class="text-xs ml-1.5 text-gray-400">
-				{{ $t('Go') }}
-			</span>
-		</div>
-	</div>
+            <span class="ml-1.5 text-xs text-gray-400">
+                {{ $t('Go') }}
+            </span>
+        </div>
+    </div>
 </template>
 
 <script>
-	import {
-		CornerDownLeftIcon,
-		ArrowDownIcon,
-		ArrowUpIcon,
-	} from 'vue-feather-icons'
+import { CornerDownLeftIcon, ArrowDownIcon, ArrowUpIcon } from 'vue-feather-icons'
 
-	export default {
-		name: 'KeyboardHints',
-		components: {
-			CornerDownLeftIcon,
-			ArrowDownIcon,
-			ArrowUpIcon,
-		}
-	}
-</script>
+export default {
+    name: 'KeyboardHints',
+    components: {
+        CornerDownLeftIcon,
+        ArrowDownIcon,
+        ArrowUpIcon,
+    },
+}
+</script>