Using batch insert for profiles to prevent errors on large inserts.

assets/components/networks/networks.vue

@@ -1,46 +1,46 @@
 <template>
-    <div class="networks">
-        <form
-            class="search"
-            @submit.prevent="searchSites"
-        >
-            <input
-                v-model="query"
-                :placeholder="`Find ${siteCount} sites in ${networks.length} networks`"
-                class="query"
-                @input="searchSites"
-            >
+	<div class="networks">
+		<form
+			class="search"
+			@submit.prevent="searchSites"
+		>
+			<input
+				v-model="query"
+				:placeholder="`Find ${siteCount} sites in ${networks.length} networks`"
+				class="query"
+				@input="searchSites"
+			>
 
-            <button
-                type="submit"
-                class="search-button"
-            ><Icon icon="search" /></button>
-        </form>
+			<button
+				type="submit"
+				class="search-button"
+			><Icon icon="search" /></button>
+		</form>
 
-        <div
-            v-if="query.length"
-            class="network-tiles"
-        >
-            <Site
-                v-for="site in searchResults"
-                :key="`site-tile-${site.slug}`"
-                :site="site"
-            />
+		<div
+			v-if="query.length"
+			class="network-tiles"
+		>
+			<Site
+				v-for="site in searchResults"
+				:key="`site-tile-${site.slug}`"
+				:site="site"
+			/>
 
-            <span v-if="searchResults.length === 0">No results for "{{ query }}"</span>
-        </div>
+			<span v-if="searchResults.length === 0">No results for "{{ query }}"</span>
+		</div>
 
-        <div
-            v-if="query.length === 0"
-            class="network-tiles"
-        >
-            <Network
-                v-for="network in networks"
-                :key="`network-tile-${network.slug}`"
-                :network="network"
-            />
-        </div>
-    </div>
+		<div
+			v-if="query.length === 0"
+			class="network-tiles"
+		>
+			<Network
+				v-for="network in networks"
+				:key="`network-tile-${network.slug}`"
+				:network="network"
+			/>
+		</div>
+	</div>
 </template>
 
 <script>
@@ -48,41 +48,41 @@ import Network from '../tile/network.vue';
 import Site from '../tile/site.vue';
 
 async function searchSites() {
-    this.searchResults = await this.$store.dispatch('searchSites', {
-        query: this.query,
-        limit: 20,
-    });
+	this.searchResults = await this.$store.dispatch('searchSites', {
+		query: this.query,
+		limit: 20,
+	});
 }
 
 async function mounted() {
-    this.networks = await this.$store.dispatch('fetchNetworks');
-    this.pageTitle = 'Networks';
+	this.networks = await this.$store.dispatch('fetchNetworks');
+	this.pageTitle = 'Networks';
 }
 
 function siteCount() {
-    return this.networks.map(network => network.sites).flat().length;
+	return this.networks.map(network => network.sites).flat().length;
 }
 
 export default {
-    components: {
-        Network,
-        Site,
-    },
-    data() {
-        return {
-            query: '',
-            pageTitle: null,
-            networks: [],
-            searchResults: [],
-        };
-    },
-    computed: {
-        siteCount,
-    },
-    mounted,
-    methods: {
-        searchSites,
-    },
+	components: {
+		Network,
+		Site,
+	},
+	data() {
+		return {
+			query: '',
+			pageTitle: null,
+			networks: [],
+			searchResults: [],
+		};
+	},
+	computed: {
+		siteCount,
+	},
+	mounted,
+	methods: {
+		searchSites,
+	},
 };
 </script>