dependency updates, vue 3.5

cars10 · Sep 11, 2024 · efe0754 · efe0754
1 parent 246c5b4
commit efe0754
Show file tree

Hide file tree

Showing 10 changed files with 1,283 additions and 613 deletions.
diff --git a/package.json b/package.json
@@ -20,37 +20,37 @@
   },
   "dependencies": {
     "@codemirror/lang-json": "^6.0.1",
-    "@intlify/unplugin-vue-i18n": "^4.0.0",
+    "@intlify/unplugin-vue-i18n": "^5.0.0",
     "@lezer/common": "^1.2.1",
     "@quasar/extras": "^1.16.12",
     "@tauri-apps/api": "^1.6.0",
     "codemirror": "^6.0.1",
     "idb": "^8.0.0",
     "json-bigint": "^1.0.0",
-    "pinia": "^2.1.7",
-    "pinia-plugin-persistedstate": "^3.2.1",
+    "pinia": "^2.2.2",
+    "pinia-plugin-persistedstate": "^4.0.1",
     "pretty-bytes": "^6.1.1",
-    "quasar": "^2.16.6",
-    "vue": "^3.4.31",
-    "vue-i18n": "^9.13.1",
+    "quasar": "^2.16.11",
+    "vue": "^3.5.4",
+    "vue-i18n": "^10.0.0",
     "vue-resizable": "^2.1.7",
-    "vue-router": "^4.4.0"
+    "vue-router": "^4.4.4"
   },
   "devDependencies": {
-    "@playwright/test": "^1.45.1",
+    "@playwright/test": "^1.47.0",
     "@quasar/vite-plugin": "^1.7.0",
-    "@tauri-apps/cli": "^1.6.0",
+    "@tauri-apps/cli": "^1.6.1",
     "@types/json-bigint": "^1.0.4",
-    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue": "^5.1.3",
     "@vue/eslint-config-typescript": "^13.0.0",
     "@vue/tsconfig": "^0.5.1",
-    "eslint": "^9.7.0",
-    "eslint-plugin-vue": "^9.27.0",
-    "sass": "^1.77.8",
-    "typescript": "^5.5.3",
-    "vite": "^5.3.3",
+    "eslint": "^9.10.0",
+    "eslint-plugin-vue": "^9.28.0",
+    "sass": "^1.78.0",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.4",
     "vite-bundle-visualizer": "^1.2.1",
-    "vitest": "^2.0.2",
-    "vue-tsc": "^2.0.26"
+    "vitest": "^2.0.5",
+    "vue-tsc": "^2.1.6"
   }
 }
diff --git a/src/components/clusterselection/EditCluster.vue b/src/components/clusterselection/EditCluster.vue
@@ -17,7 +17,7 @@
 
       <q-card-section>
         <form @submit.prevent>
-          <cluster-form-fields v-model="cluster" v-model:formValid="formValid" />
+          <cluster-form-fields v-model="cluster" v-model:form-valid="formValid" />
 
           <q-btn :label="t('setup.test_and_connect.form.test_connection')"
                  :disable="!formValid"

diff --git a/src/components/nodes/ClusterNodes.vue b/src/components/nodes/ClusterNodes.vue
@@ -18,36 +18,38 @@
     <q-card class="inline-block text-body2">
       <q-card-section class="q-pa-sm">
         <table class="text-muted">
-          <tr>
-            <td>
-              <q-icon name="star" size="xs" />
-            </td>
-            <td>{{ t('cluster_nodes.node_icons.master.title') }}</td>
-          </tr>
-          <tr>
-            <td>
-              <q-icon name="star_outline" size="xs" />
-            </td>
-            <td>{{ t('cluster_nodes.node_icons.master_eligible.title') }}</td>
-          </tr>
-          <tr>
-            <td>
-              <q-icon name="save" size="xs" />
-            </td>
-            <td>{{ t('cluster_nodes.node_icons.data.title') }}</td>
-          </tr>
-          <tr>
-            <td>
-              <q-icon name="drive_file_move" size="xs" />
-            </td>
-            <td>{{ t('cluster_nodes.node_icons.ingest.title') }}</td>
-          </tr>
-          <tr>
-            <td>
-              <q-icon name="route" size="xs" />
-            </td>
-            <td>{{ t('cluster_nodes.node_icons.coordinating_only.title') }}</td>
-          </tr>
+          <tbody>
+            <tr>
+              <td>
+                <q-icon name="star" size="xs" />
+              </td>
+              <td>{{ t('cluster_nodes.node_icons.master.title') }}</td>
+            </tr>
+            <tr>
+              <td>
+                <q-icon name="star_outline" size="xs" />
+              </td>
+              <td>{{ t('cluster_nodes.node_icons.master_eligible.title') }}</td>
+            </tr>
+            <tr>
+              <td>
+                <q-icon name="save" size="xs" />
+              </td>
+              <td>{{ t('cluster_nodes.node_icons.data.title') }}</td>
+            </tr>
+            <tr>
+              <td>
+                <q-icon name="drive_file_move" size="xs" />
+              </td>
+              <td>{{ t('cluster_nodes.node_icons.ingest.title') }}</td>
+            </tr>
+            <tr>
+              <td>
+                <q-icon name="route" size="xs" />
+              </td>
+              <td>{{ t('cluster_nodes.node_icons.coordinating_only.title') }}</td>
+            </tr>
+          </tbody>
         </table>
       </q-card-section>
     </q-card>

diff --git a/src/components/setup/ClusterForm.vue b/src/components/setup/ClusterForm.vue
@@ -1,6 +1,6 @@
 <template>
   <form @submit.prevent="testConnection">
-    <cluster-form-fields v-model="cluster" v-model:formValid="formValid" />
+    <cluster-form-fields v-model="cluster" v-model:form-valid="formValid" />
 
     <q-separator class="q-my-lg" />
 

diff --git a/src/components/shards/ShardsTable.vue b/src/components/shards/ShardsTable.vue
@@ -47,7 +47,7 @@
             </svg>
             <span :class="{'text-underline': currentReroutingShard.index === col.name}">{{ col.label }}</span>
           </div>
-          <small class="text-weight-regular">
+          <small class="text-weight-regular" :title="`${shards.indices[col.name].pri} pri / ${shards.indices[col.name].rep} rep`">
             {{ shards.indices[col.name].pri }}/{{ shards.indices[col.name].rep }} shards
           </small>
         </q-th>

diff --git a/src/composables/components/shards/ShardsTable.ts b/src/composables/components/shards/ShardsTable.ts
@@ -50,7 +50,7 @@ export const useShardsTable = (props: ShardsTableProps, emit: any) => {
     descending: false,
     page: 1,
     rowsPerPage: 10,
-    rowsNumber
+    rowsNumber: rowsNumber.value
   })
 
   const updateTable = (requestProps: any) => {

diff --git a/src/store/index_templates.ts b/src/store/index_templates.ts
@@ -19,7 +19,7 @@ export const useIndexTemplatesStore = defineStore('indexTemplates', {
     },
   }),
   persist: {
-    paths: [
+    pick: [
       'filter',
       'showHiddenIndices',
       'stickyTableHeader',

diff --git a/src/store/indices.ts b/src/store/indices.ts
@@ -24,7 +24,7 @@ export const useIndicesStore = defineStore('indices', {
     rowsPerPageAccepted: false
   }),
   persist: {
-    paths: [
+    pick: [
       'filter',
       'showHiddenIndices',
       'stickyTableHeader',

diff --git a/src/store/search.ts b/src/store/search.ts
@@ -38,7 +38,7 @@ export const useSearchStore = () => {
       }
     },
     persist: {
-      paths: [
+      pick: [
         'localizeTimestamp',
         'q',
         'indices',