Issue #299: Fix for "New" button redirect on assistant chat (#302)

* redirect with router on assistant chat start
* put redirect in a function returned by AssistantContainer

Author: 3thanHead

components/Assistant.vue

@@ -15,7 +15,8 @@ export default defineComponent({
       type: String,
     },
   },
-  setup(props) {
+  emits: ['send'],
+  setup(props, { emit }) {
     const { id } = useId()
     const { isDesktop, modKey } = useDevice()
     const chatId = computed(() => props.chatId || id())
@@ -218,6 +219,8 @@ export default defineComponent({
       }
 
       isWaiting.value = false
+
+      emit('send')
     }
 
     const examplePrompts = ref([

components/AssistantContainer.vue

@@ -8,27 +8,22 @@ export default defineComponent({
     const { isMounted } = useVue()
     const chatIdFromRoute = computed(() => router.currentRoute.value.params.id as string)
     const chatId = computed(() => chatIdFromRoute.value || id())
-    const { chat } = useChat(chatId)
-    const { pushRoute } = useSoftNavigation()
 
-    watch(chat, () => {
-      if (chat.value && !chatIdFromRoute.value) {
-        pushRoute({
-          path: `/assistant/conversations/${chatId.value}`,
-        })
-      }
-    })
+    const redirect = () => {
+      router.push({ path: `/assistant/conversations/${chatId.value}` })
+    }
 
     return {
       chatId,
       isMounted,
+      redirect,
     }
   },
 })
 </script>
 
 <template>
   <article class="flex flex-col flex-grow">
-    <Assistant v-if="isMounted" :chat-id="chatId" />
+    <Assistant v-if="isMounted" :chat-id="chatId" @send="redirect" />
   </article>
 </template>