format

src/lib/components/InferencePlayground/InferencePlayground.svelte

@@ -388,4 +388,4 @@
 	{/if}
 </div>
 
-<ModelPickerModal {models}/>
+<ModelPickerModal {models} />

src/lib/components/InferencePlayground/InferencePlaygroundCodeSnippets.svelte

@@ -253,7 +253,7 @@ print(output.choices[0].message)`
 		<div class="flex items-center justify-between px-4 pb-4 pt-6">
 			<h2 class="font-semibold">{label}</h2>
 			<button
-				class="flex items-center gap-x-1.5 rounded-md bg-gray-200 px-1.5 py-0.5 transition dark:bg-gray-950 text-sm"
+				class="flex items-center gap-x-1.5 rounded-md bg-gray-200 px-1.5 py-0.5 text-sm transition dark:bg-gray-950"
 				on:click={(e) => {
 					const el = e.currentTarget;
 					el.classList.add('text-green-500');

src/lib/components/InferencePlayground/InferencePlaygroundModelPickerModal.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ModelEntryWithTokenizer } from "$lib/types";
+	import type { ModelEntryWithTokenizer } from '$lib/types';
 
 	export let models: ModelEntryWithTokenizer[];
 </script>
@@ -85,10 +85,11 @@
 					<div class="px-2 py-1.5 text-xs font-medium text-gray-500">Other Models</div>
 					<div>
 						{#each models as model}
-							{@const [nameSpace, modelName] = model.id.split("/")}
+							{@const [nameSpace, modelName] = model.id.split('/')}
 							<div class="flex cursor-pointer items-center px-2 py-1.5 text-sm hover:bg-gray-100">
 								<span class="inline-flex items-center"
-									><span class="text-gray-500">{nameSpace}</span><span class="mx-1 text-black">/</span
+									><span class="text-gray-500">{nameSpace}</span><span class="mx-1 text-black"
+										>/</span
 									><span class="text-black">{modelName}</span></span
 								>
 							</div>