fix: selected tab in query onMounted

Author: xdeq

components/modules/address/AddressOverview.vue

@@ -201,6 +201,14 @@ const handleClearAllFilters = () => {
 
 const searchTerm = ref("")
 
+onMounted(() => {
+	router.replace({
+		query: {
+			tab: activeTab.value,
+		},
+	})
+})
+
 /** Parse route query */
 Object.keys(route.query).forEach((key) => {
 	if (key === "page" || key === "tab") return

components/modules/block/BlockOverview.vue

@@ -240,6 +240,12 @@ const getTransactions = async () => {
 await getTransactions()
 
 onMounted(() => {
+	router.replace({
+		query: {
+			tab: activeTab.value,
+		},
+	})
+
 	isBookmarked.value = !!bookmarksStore.bookmarks.blocks.find((t) => t.id === props.block.height)
 })
 

components/modules/namespace/NamespaceOverview.vue

@@ -124,6 +124,12 @@ if (activeTab.value === "Messages") await getMessages()
 await getRollups()
 
 onMounted(() => {
+	router.replace({
+		query: {
+			tab: activeTab.value,
+		},
+	})
+
 	isBookmarked.value = !!bookmarksStore.bookmarks.namespaces.find((t) => t.id === props.namespace.namespace_id)
 })
 

components/modules/rollup/RollupOverview.vue

@@ -100,6 +100,14 @@ const getNamespaces = async () => {
 if (activeTab.value === "Blobs") await getBlobs()
 if (activeTab.value === "Namespaces") await getNamespaces()
 
+onMounted(() => {
+	router.replace({
+		query: {
+			tab: activeTab.value,
+		},
+	})
+})
+
 /** Refetch Blobs/Messages on new page */
 watch(
 	() => page.value,

components/modules/tx/TxOverview.vue

@@ -60,6 +60,12 @@ watch(
 )
 
 onMounted(async () => {
+	router.replace({
+		query: {
+			tab: activeTab.value,
+		},
+	})
+
 	isBookmarked.value = !!bookmarksStore.bookmarks.txs.find((t) => t.id === props.tx.hash)
 
 	const data = await fetchTxMessages(props.tx.hash)

components/modules/validator/ValidatorOverview.vue

@@ -128,6 +128,14 @@ if (activeTab.value === "Jails") await getJails()
 
 await getUptime()
 
+onMounted(() => {
+	router.replace({
+		query: {
+			tab: activeTab.value,
+		},
+	})
+})
+
 const validatorStatus = computed(() => {
 	let res = {
 		name: "",