Fix SearchComponent: Add version handling in search params and reset location in tests

Co-authored-by: Copilot <copilot@github.com>

Author: lcharette

app/assets/SearchComponent.spec.ts

@@ -8,6 +8,11 @@ vi.mock('axios')
 describe('SearchComponent', () => {
     beforeEach(() => {
         vi.resetAllMocks()
+        // Reset location to default
+        Object.defineProperty(window, 'location', {
+            value: { pathname: '/' },
+            writable: true
+        })
     })
 
     it('renders the search trigger input', () => {
@@ -63,6 +68,28 @@ describe('SearchComponent', () => {
         expect(axios.get).toHaveBeenCalledWith('/api/search', { params: { q: 'test' } })
     })
 
+    it('includes version in search params when browsing a versioned page', async () => {
+        Object.defineProperty(window, 'location', {
+            value: { pathname: '/5.1/quick-start' },
+            writable: true
+        })
+
+        vi.mocked(axios.get).mockResolvedValue({
+            data: { count: 0, size: 10, page: 1, rows: [] }
+        })
+
+        const wrapper = mount(SearchComponent)
+        const searchInput = wrapper.find('input[autofocus]')
+        await searchInput.setValue('test')
+
+        await new Promise((resolve) => setTimeout(resolve, 0))
+        await wrapper.vm.$nextTick()
+
+        expect(axios.get).toHaveBeenCalledWith('/api/search', {
+            params: { q: 'test', version: '5.1' }
+        })
+    })
+
     it('shows no results message when query is long enough but no results returned', async () => {
         const mockData = { count: 0, size: 10, page: 1, rows: [] }
         vi.mocked(axios.get).mockResolvedValue({ data: mockData })

app/assets/SearchComponent.vue

@@ -8,6 +8,16 @@ import axios from 'axios'
 const minLength: number = 3
 const dataUrl: string = '/api/search'
 
+/**
+ * Extract the current documentation version from the URL path.
+ * URL structure: /{version}/{path} (e.g., /6.0/quick-start)
+ * Returns null if no version is found (falls back to latest on the server).
+ */
+function getVersionFromUrl(): string | null {
+    const match = window.location.pathname.match(/^\/(\d+\.\d+)(?:\/|$)/)
+    return match ? match[1] : null
+}
+
 /**
  * Reactive Variables
  */
@@ -30,10 +40,12 @@ async function fetch() {
     }
 
     loading.value = true
+    const version = getVersionFromUrl()
     axios
         .get<ResultData>(dataUrl, {
             params: {
-                q: searchQuery.value
+                q: searchQuery.value,
+                ...(version !== null && { version })
             }
         })
         .then((response) => {

eslint.config.ts

@@ -2,12 +2,16 @@ import js from '@eslint/js'
 import tseslint from 'typescript-eslint'
 import pluginVue from 'eslint-plugin-vue'
 import { defineConfig } from 'eslint/config'
+import globals from 'globals'
 
 export default defineConfig([
     {
         files: ['**/*.{js,mjs,cjs,ts,mts,cts,vue}'],
         plugins: { js },
-        extends: ['js/recommended']
+        extends: ['js/recommended'],
+        languageOptions: {
+            globals: globals.browser
+        }
     },
     tseslint.configs.recommended,
     pluginVue.configs['flat/essential'],