feat: MeiliSearch service

src/routes/services/[id]/_Services/_MeiliSearch.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import CopyPasswordField from '$lib/components/CopyPasswordField.svelte';
+	export let service;
+</script>
+
+<div class="flex space-x-1 py-5 font-bold">
+	<div class="title">MeiliSearch</div>
+</div>
+<div class="grid grid-cols-2 items-center px-10">
+	<label for="masterKey">Admin API key</label>
+	<CopyPasswordField
+		id="masterKey"
+		isPasswordField
+		readonly
+		disabled
+		name="masterKey"
+		value={service.meiliSearch.masterKey}
+	/>
+</div>

src/routes/services/[id]/_Services/_Services.svelte

@@ -11,6 +11,7 @@
 	import { errorNotification } from '$lib/form';
 	import { toast } from '@zerodevx/svelte-toast';
 	import Ghost from './_Ghost.svelte';
+	import MeiliSearch from './_MeiliSearch.svelte';
 	import MinIo from './_MinIO.svelte';
 	import PlausibleAnalytics from './_PlausibleAnalytics.svelte';
 	import VsCodeServer from './_VSCodeServer.svelte';
@@ -145,6 +146,8 @@
 				<Wordpress bind:service {isRunning} {readOnly} />
 			{:else if service.type === 'ghost'}
 				<Ghost bind:service {readOnly} />
+			{:else if service.type === 'meilisearch'}
+				<MeiliSearch bind:service />
 			{/if}
 		</div>
 	</form>