From 015e3f8490c9305aaa51fda5497be11f7d85df5d Mon Sep 17 00:00:00 2001
From: Hussain Nagaria <hussainbhaitech@gmail.com>
Date: Sat, 22 Feb 2025 22:21:26 +0530
Subject: [PATCH] feat(batch): track active tab in URL/route

Fixes #1336
---
 frontend/package.json        | 1 +
 frontend/src/pages/Batch.vue | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/package.json b/frontend/package.json
index 18cb4a51..a8482f7c 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -19,6 +19,7 @@
     "@editorjs/paragraph": "^2.11.3",
     "@editorjs/simple-image": "^1.6.0",
     "@editorjs/table": "^2.4.2",
+    "@vueuse/router": "^12.7.0",
     "ace-builds": "^1.36.2",
     "apexcharts": "^4.3.0",
     "chart.js": "^4.4.1",
diff --git a/frontend/src/pages/Batch.vue b/frontend/src/pages/Batch.vue
index 295a39d9..08e95182 100644
--- a/frontend/src/pages/Batch.vue
+++ b/frontend/src/pages/Batch.vue
@@ -193,8 +193,9 @@
 	<BulkCertificates v-model="openCertificateDialog" :batch="batch.data" />
 </template>
 <script setup>
-import { Breadcrumbs, Button, createResource, Tabs, Badge } from 'frappe-ui'
 import { computed, inject, ref } from 'vue'
+import { useRouteQuery } from '@vueuse/router'
+import { Breadcrumbs, Button, createResource, Tabs, Badge } from 'frappe-ui'
 import CourseInstructors from '@/components/CourseInstructors.vue'
 import UserAvatar from '@/components/UserAvatar.vue'
 import {
@@ -270,7 +271,7 @@ const isStudent = computed(() => {
 	)
 })
 
-const tabIndex = ref(0)
+const tabIndex = useRouteQuery("tab", 0)
 const tabs = computed(() => {
 	let batchTabs = []
 	batchTabs.push({