lint code

app/pages/[agent].vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import type { PROVIDERS } from '~~/types'
 import { useChat } from '@ai-sdk/vue'
 import { onStartTyping } from '@vueuse/core'
-import type { PROVIDERS } from '~~/types'
 import { AGENTS, MODELS } from '~~/types'
 
 const toast = useToast()
@@ -13,7 +13,7 @@ if (!currentAgent) {
   toast.add({
     title: 'Agent not found',
     description: `Please try again`,
-    color: 'error'
+    color: 'error',
   })
 }
 
@@ -30,8 +30,8 @@ const { messages, input, handleSubmit, status, stop, error, reload } = useChat({
   },
   body: {
     model: model.value,
-    agent: currentAgent
-  }
+    agent: currentAgent,
+  },
 })
 
 const inputRef = shallowRef<HTMLInputElement | null>(null)
@@ -48,7 +48,7 @@ async function deleteConversation() {
   toast.add({
     title: 'Conversation deleted',
     description: `The conversation has been deleted`,
-    color: 'success'
+    color: 'success',
   })
 }
 </script>
@@ -82,7 +82,7 @@ async function deleteConversation() {
       <UPopover
         :content="{
           align: 'end',
-          side: 'bottom'
+          side: 'bottom',
         }"
       >
         <UButton
@@ -163,7 +163,7 @@ async function deleteConversation() {
             placeholder="Type what you want to ask..."
             class="w-full min-h-8"
             :ui="{
-              base: 'min-h-8'
+              base: 'min-h-8',
             }"
             color="primary"
             autoresize