Update dependency vue-tsc to v2.1.8 (WordPress#5092)

* Update dependency vue-tsc to v2.1.8 * Fix linting: correct type and a workaround --------- Co-authored-by: Olga Bulat <[email protected]>
Danil49 · Oct 28, 2024 · 24a39eb · 24a39eb
1 parent f9b1769
commit 24a39eb
Show file tree

Hide file tree

Showing 5 changed files with 84 additions and 34 deletions.
diff --git a/frontend/package.json b/frontend/package.json
@@ -111,7 +111,7 @@
     "vitest-dom": "^0.1.1",
     "vue": "3.5.12",
     "vue-router": "^4.4.5",
-    "vue-tsc": "2.1.6",
+    "vue-tsc": "2.1.8",
     "storybook": "8.2.9",
     "@storybook/vue3": "8.2.9",
     "@storybook/addon-links": "8.2.9",

diff --git a/frontend/src/components/VHeader/VHeaderMobile/VHeaderMobile.vue b/frontend/src/components/VHeader/VHeaderMobile/VHeaderMobile.vue
@@ -253,7 +253,10 @@ const handleTab = (
 ) => {
   if (isRecentVisible.value) {
     event.preventDefault()
-    focusIn(recentSearchesRef.value?.$el, 1)
+    const element = recentSearchesRef.value?.$el
+    if (element) {
+      focusIn(element, 1)
+    }
   } else if (button === "content-settings") {
     handleTabOut("forward")
   }

diff --git a/frontend/src/components/VSafeBrowsing/VSafeBrowsing.vue b/frontend/src/components/VSafeBrowsing/VSafeBrowsing.vue
@@ -43,18 +43,18 @@ let setBlurSensitive = (data: { checked?: boolean }) => {
   $sendCustomEvent("TOGGLE_BLUR_SENSITIVE", { checked })
 }
 
-const toggles = [
+const toggles = computed(() => [
   {
     name: "fetchSensitive",
-    state: fetchSensitive,
+    state: fetchSensitive.value,
     switchFn: setFetchSensitive,
   },
   {
     name: "blurSensitive",
-    state: blurSensitive,
+    state: blurSensitive.value,
     switchFn: setBlurSensitive,
   },
-]
+])
 
 const isDisabled = (name: string) =>
   name === "blurSensitive" && !fetchSensitive.value
@@ -86,7 +86,7 @@ const isDisabled = (name: string) =>
             :id="toggle.name"
             class="flex-row-reverse justify-between"
             :value="toggle.name"
-            :checked="toggle.state.value"
+            :checked="toggle.state"
             :disabled="isDisabled(toggle.name)"
             is-switch
             @change="toggle.switchFn"

diff --git a/package.json b/package.json
@@ -22,6 +22,6 @@
     "prettier": "3.3.3",
     "prettier-plugin-tailwindcss": "0.6.8",
     "typescript": "5.6.3",
-    "vue-tsc": "2.1.6"
+    "vue-tsc": "2.1.8"
   }
 }