changing version from more

Author: simonredfern

src/components/HeaderNav.vue

@@ -77,14 +77,19 @@ const setActive = (target: HTMLElement | null) => {
 }
 
 const handleMore = (command: string) => {
+  console.log('handleMore called with command:', command)
   let element = document.getElementById("selected-api-version")
   if (element !== null) {
     element.textContent = command;
   }
   if (command.includes('_')) {
+    console.log('Navigating to message docs:', command)
     router.push({ name: 'message-docs', params: { id: command } })
   } else {
-    router.replace({ path: `/resource-docs/${command}` })
+    console.log('Navigating to resource docs:', `/resource-docs/${command}`)
+    console.log('Current route:', route.path)
+    // Clear operationid query param when changing versions to avoid showing non-existent operation
+    router.replace({ path: `/resource-docs/${command}`, query: {} })
   }
 }
 

src/components/Preview.vue

@@ -74,6 +74,13 @@ const roleForm = reactive({})
 
 const setOperationDetails = (id: string, version: string): void => {
   const operation = getOperationDetails(version, id, resourceDocs)
+
+  // Safety check: if operation doesn't exist (e.g., after version change), return early
+  if (!operation) {
+    console.warn(`Operation "${id}" not found in version "${version}"`)
+    return
+  }
+
   // Replace the version in the URL with the current viewing version
   // This ensures users test against the version they're viewing (e.g., v6.0.0)
   // even if the endpoint was originally defined in an earlier version (e.g., v3.1.0)