Refactored various modules for entities. Updated and refactored Kink scraper.

assets/components/networks/networks.vue

@@ -2,13 +2,13 @@
 	<div class="networks">
 		<form
 			class="search"
-			@submit.prevent="searchSites"
+			@submit.prevent="searchEntities"
 		>
 			<input
 				v-model="query"
 				:placeholder="`Find ${siteCount} sites in ${networks.length} networks`"
 				class="query"
-				@input="searchSites"
+				@input="searchEntities"
 			>
 
 			<button
@@ -19,12 +19,12 @@
 
 		<div
 			v-if="query.length"
-			class="network-tiles"
+			class="entity-tiles"
 		>
-			<Site
-				v-for="site in searchResults"
-				:key="`site-tile-${site.slug}`"
-				:site="site"
+			<Entity
+				v-for="entity in searchResults"
+				:key="`${entity.type}-tile-${entity.slug}`"
+				:entity="entity"
 			/>
 
 			<span v-if="searchResults.length === 0">No results for "{{ query }}"</span>
@@ -32,41 +32,39 @@
 
 		<div
 			v-if="query.length === 0"
-			class="network-tiles"
+			class="entity-tiles"
 		>
-			<Network
+			<Entity
 				v-for="network in networks"
 				:key="`network-tile-${network.slug}`"
-				:network="network"
+				:entity="network"
 			/>
 		</div>
 	</div>
 </template>
 
 <script>
-import Network from '../tile/network.vue';
-import Site from '../tile/site.vue';
+import Entity from '../tile/entity.vue';
 
-async function searchSites() {
-	this.searchResults = await this.$store.dispatch('searchSites', {
+async function searchEntities() {
+	this.searchResults = await this.$store.dispatch('searchEntities', {
 		query: this.query,
-		limit: 20,
+		limit: 50,
 	});
 }
 
 async function mounted() {
-	this.networks = await this.$store.dispatch('fetchNetworks');
+	this.networks = await this.$store.dispatch('fetchEntities', { type: 'network' });
 	this.pageTitle = 'Networks';
 }
 
 function siteCount() {
-	return this.networks.map(network => network.sites).flat().length;
+	return this.networks.map(network => network.children).flat().length;
 }
 
 export default {
 	components: {
-		Network,
-		Site,
+		Entity,
 	},
 	data() {
 		return {
@@ -81,7 +79,7 @@ export default {
 	},
 	mounted,
 	methods: {
-		searchSites,
+		searchEntities,
 	},
 };
 </script>
@@ -135,7 +133,7 @@ export default {
     }
 }
 
-.network-tiles {
+.entity-tiles {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
     grid-gap: 1rem;