lint code

app/components/AppFooter.vue

@@ -1,13 +1,11 @@
-<template>
-  <div>
-    
-  </div>
-</template>
-
 <script lang="ts" setup>
 
 </script>
 
+<template>
+  <div />
+</template>
+
 <style>
 
-</style>
+</style>

app/components/AppHeader.vue

@@ -11,7 +11,7 @@ const agentRoutes = AGENTS.map(item => ({
   slug: item.slug,
   name: item.name,
   icon: item.icon,
-  to: `/${item.slug}`
+  to: `/${item.slug}`,
 }))
 
 async function toggleTheme() {
@@ -28,7 +28,7 @@ async function toggleTheme() {
 const router = useRouter()
 defineShortcuts({
   t: () => toggleTheme(),
-  backspace: () => router.back()
+  backspace: () => router.back(),
 })
 </script>
 

app/components/chat/Messages.vue

@@ -1,3 +1,21 @@
+<script lang="ts" setup>
+import type { Message } from 'ai'
+import type { Agent } from '~~/types'
+
+defineProps<{
+  messages: Message[]
+  initialMessages: Message[]
+  currentAgent: Agent
+}>()
+
+const messagesRef = ref<HTMLDivElement | null>(null)
+onMounted(() => {
+  if (messagesRef.value) {
+    messagesRef.value.scrollTo({ top: messagesRef.value.scrollHeight, behavior: 'smooth' })
+  }
+})
+</script>
+
 <template>
   <div
     ref="messagesRef"
@@ -48,21 +66,3 @@
     </div>
   </div>
 </template>
-
-<script lang="ts" setup>
-import type { Message } from 'ai'
-import type { Agent } from '~~/types'
-
-defineProps<{
-  messages: Message[]
-  initialMessages: Message[]
-  currentAgent: Agent
-}>()
-
-const messagesRef = ref<HTMLDivElement | null>(null)
-onMounted(() => {
-  if (messagesRef.value) {
-    messagesRef.value.scrollTo({ top: messagesRef.value.scrollHeight, behavior: 'smooth' })
-  }
-})
-</script>