add chat-card

1. add chat card
2. fix settings (output object)
3. add input phone and email to user
4. fix empty string to null

src/pages/project-page/ProjectPageChats.vue

@@ -26,7 +26,7 @@
           :key="item.id"
           @right="handleSlide($event, item.id)"
           right-color="red"
-          @click="goChat(item.invite_link)"
+          @click="goChatInfo(item.id)"
           >
           <template #right>
             <q-icon size="lg" name="mdi-link-off"/>
@@ -169,6 +169,11 @@
   import { useUsersStore } from 'stores/users'
   import type { WebApp } from '@twa-dev/types'
   import { useI18n } from "vue-i18n"
+  import { useRouter, useRoute } from 'vue-router'
+  
+  const router = useRouter()
+  const route = useRoute()
+
   const { t } = useI18n()
 
   const search = ref('')
@@ -259,8 +264,8 @@
     tg.openTelegramLink(tgShareUrl)
   }
 
-  function goChat (invite: string) {
-    tg.openTelegramLink(invite)
+  async function goChatInfo (chatId: number) {
+    await router.push({ name: 'chat_info', params: { id: route.params.id, chatId }})
   }
 
   // fix fab jumping
@@ -273,7 +278,6 @@
     }, 300)
   })
 
-
   onDeactivated(() => {
     showFab.value = false
     if (timerId.value) {