Added entity results to global search.

pages/search/+Page.vue

@@ -25,6 +25,30 @@
 				</div>
 			</div>
 
+			<div
+				v-if="entities.length > 0"
+				class="results"
+			>
+				<span class="results-meta">
+					Found {{ entities.length }} {{ entities.length > 1 ? 'channels' : 'channel' }}
+
+					<a
+						:href="`/channels/?q=${query}&order=results.desc`"
+						class="link"
+					>Full channel results</a>
+				</span>
+
+				<div class="results-container">
+					<div class="entities">
+						<EntityTile
+							v-for="entity in entities"
+							:key="`entity-${entity.id}`"
+							:entity="entity"
+						/>
+					</div>
+				</div>
+			</div>
+
 			<div
 				v-if="movies.length > 0"
 				class="results"
@@ -86,6 +110,7 @@ import { inject } from 'vue';
 import ActorTile from '#/components/actors/tile.vue';
 import SceneTile from '#/components/scenes/tile.vue';
 import MovieTile from '#/components/movies/tile.vue';
+import EntityTile from '#/components/entities/tile.vue';
 
 const pageContext = inject('pageContext');
 
@@ -93,11 +118,14 @@ const {
 	actors,
 	scenes,
 	movies,
+	entities,
 	actorTotal,
 	sceneTotal,
 	movieTotal,
 } = pageContext.pageProps;
 
+console.log(entities);
+
 const query = pageContext.urlParsed.search.q;
 </script>
 
@@ -131,6 +159,16 @@ const query = pageContext.urlParsed.search.q;
 	flex-grow: 1;
 	grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
 	gap: .25rem;
+	box-sizing: border-box;
+	padding: 1rem;
+}
+
+.entities {
+	min-width: 15rem;
+	display: grid;
+	grid-template-columns: repeat(auto-fill, 15rem);
+	gap: .5rem;
+	box-sizing: border-box;
 	padding: 1rem;
 }
 
@@ -139,6 +177,7 @@ const query = pageContext.urlParsed.search.q;
 	display: grid;
 	grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
 	gap: 1rem;
+	box-sizing: border-box;
 	padding: 1rem;
 }
 
@@ -146,6 +185,7 @@ const query = pageContext.urlParsed.search.q;
 	display: grid;
     grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
 	gap: .5rem;
+	box-sizing: border-box;
 	padding: 1rem;
 }