fix #163

CHANGELOG.md

@@ -3,10 +3,12 @@
 ## 1.0.0-beta-6
 
 * adds confirm when closing indices, fixes [#153][f153]
+* link rest api docs to current version docs, fixes [#163][f163]
 * fixes index table filter
 * dependency updates
 
 [f153]: https://github.com/cars10/elasticvue/issues/153
+[f163]: https://github.com/cars10/elasticvue/issues/163
 
 ## 1.0.0-beta-5
 

src/components/rest/RestQuery.vue

@@ -5,7 +5,7 @@
         <h1 class="text-h5 q-my-none">
           {{ t('query.heading') }}
         </h1>
-        <q-btn href="https://www.elastic.co/guide/en/elasticsearch/reference/current/index.html"
+        <q-btn :href="`https://www.elastic.co/guide/en/elasticsearch/reference/${clusterMinor}/index.html`"
                flat
                class="q-ml-md"
                icon="launch"
@@ -53,25 +53,18 @@
 </template>
 
 <script setup lang="ts">
-  import { Ref, ref, toRaw } from 'vue'
+  import { computed, Ref, ref, toRaw } from 'vue'
   import { useIdbStore } from '../../db/Idb.ts'
   import { useTranslation } from '../../composables/i18n'
   import RestQueryExamples from './RestQueryExamples.vue'
   import RestQueryHistoryList from './RestQueryHistoryList.vue'
   import RestQuerySavedQueriesList from './RestQuerySavedQueriesList.vue'
   import RestQueryFormTabs from './RestQueryFormTabs.vue'
   import { IdbRestQueryTabRequest } from '../../db/types.ts'
+  import { useConnectionStore } from '../../store/connection.ts'
 
-  const migrateTabs = async () => {
-    const { restQueryTabs } = useIdbStore()
-    const tabs = await restQueryTabs.getAll()
-    for await (const tab of tabs) {
-      if (!tab.response) {
-        await restQueryTabs.update(Object.assign({}, toRaw(tab), { response: { status: '', ok: false, bodyText: '' } }))
-      }
-    }
-  }
-  migrateTabs()
+  const { activeCluster } = useConnectionStore()
+  const clusterMinor = computed(() => (activeCluster?.version?.split('.')?.slice(0, 2)?.join('.')))
 
   const t = useTranslation()
   const { restQueryTabs } = useIdbStore()
@@ -95,7 +88,10 @@
     if (!activeTab) return
 
     const { id, label, name } = activeTab
-    const obj = Object.assign({}, { id, label, name }, { request: toRaw(request), response: { status: '', ok: false, bodyText: '' } })
+    const obj = Object.assign({}, { id, label, name }, {
+      request: toRaw(request),
+      response: { status: '', ok: false, bodyText: '' }
+    })
     await restQueryTabs.update(obj)
   }
 

src/services/VuexMigrator.ts

@@ -1,6 +1,8 @@
 import { ConnectionState } from '../store/connection.ts'
 import { ThemeState } from '../store/theme.ts'
 import { I18nState } from '../store/i18n.ts'
+import { useIdbStore } from '../db/Idb.ts'
+import { toRaw } from 'vue'
 
 type PiniaData = {
   theme?: ThemeState
@@ -33,6 +35,16 @@ export const migrateVuexData = (data: string): PiniaData => {
   return newData
 }
 
+const migrateTabs = async () => {
+  const { restQueryTabs } = useIdbStore()
+  const tabs = await restQueryTabs.getAll()
+  for await (const tab of tabs) {
+    if (!tab.response) {
+      await restQueryTabs.update(Object.assign({}, toRaw(tab), { response: { status: '', ok: false, bodyText: '' } }))
+    }
+  }
+}
+
 export const migrate = () => {
   if (localStorage.getItem('connection')) return
 
@@ -43,4 +55,5 @@ export const migrate = () => {
   Object.entries(migrated).forEach(([key, value]) => {
     localStorage.setItem(key, JSON.stringify(value))
   })
+  migrateTabs()
 }