diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 9826d4f23..4a214defd 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -16,9 +16,9 @@ Please follow these guidelines before sending your pull request and making contr
 * Stick to a similar style of code already in the project.  Please look at current code to get an idea on how to do this.
 * Follow [ES6](https://rse.github.io/es6-features/) standards in your code. Ex: Use `let` and `const` instead of `var`. Do not use `function(response){//code}` for callbacks, use `(response) => {//code}`.
 * Comment your code when necessary.  Follow the [JavaScript Documentation and Comments Standard](https://www.drupal.org/docs/develop/standards/javascript/javascript-api-documentation-and-comment-standards) for functions.
-* Please follow proper Vue structure when creating new code / components.  Use existing code as well as the [Vue.js Guide](https://vuejs.org/v2/guide/) for reference.
+* Please follow proper Vue structure when creating new code / components.  Use existing code as well as the [Vue.js Guide](https://vuejs.org/guide/introduction.html) for reference.
 * Please test your code.  Make sure new features work as well as existing core features such as watching videos or loading subscriptions.  New features need to work with both the Local API as well as the Invidious API
-* Please make sure your code does not violate any standards set by our linter.  It's up to you to make fixes whenever necessary.  You can run `npm run lint` to check locally and `npm run lint-fix` to automatically fix smaller issues.
+* Please make sure your code does not violate any standards set by our linter.  It's up to you to make fixes whenever necessary.  You can run `yarn run lint` to check locally and `yarn run lint-fix` to automatically fix smaller issues.
 * Please limit the amount of Node Modules that you introduce into the project.  Only include them when **absolutely necessary** for your code to work (Ex: Using nedb for databases) or if a module provides similar functionality to what you are trying to achieve (Ex: Using autolinker to create links to outside URLs instead of writing the functionality myself).
 * Please try to stay involved with the community and maintain your code.  We are only a handful of developers working on FreeTube in our spare time.  We do not have time to work on everything, and it would be nice if you can maintain your code when necessary.
 
diff --git a/_scripts/webpack.renderer.config.js b/_scripts/webpack.renderer.config.js
index a0f3cc5b0..c849d5688 100644
--- a/_scripts/webpack.renderer.config.js
+++ b/_scripts/webpack.renderer.config.js
@@ -2,7 +2,7 @@ const path = require('path')
 const { readFileSync, readdirSync } = require('fs')
 const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const { VueLoaderPlugin } = require('vue-loader')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 const ProcessLocalesPlugin = require('./ProcessLocalesPlugin')
@@ -56,7 +56,7 @@ const config = {
         loader: 'vue-loader',
         options: {
           compilerOptions: {
-            whitespace: 'condense',
+            isCustomElement: (tag) => tag === 'swiper-container' || tag === 'swiper-slide'
           }
         }
       },
@@ -133,6 +133,12 @@ const config = {
       'process.env.IS_ELECTRON': true,
       'process.env.IS_ELECTRON_MAIN': false,
       'process.env.SUPPORTS_LOCAL_API': true,
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false',
+      __VUE_I18N_LEGACY_API__: 'true',
+      __VUE_I18N_FULL_INSTALL__: 'false',
+      __INTLIFY_PROD_DEVTOOLS__: 'false',
       'process.env.LOCALE_NAMES': JSON.stringify(processLocalesPlugin.localeNames),
       'process.env.GEOLOCATION_NAMES': JSON.stringify(readdirSync(path.join(__dirname, '..', 'static', 'geolocations')).map(filename => filename.replace('.json', ''))),
       'process.env.SWIPER_VERSION': `'${swiperVersion}'`,
@@ -180,9 +186,6 @@ const config = {
   ],
   resolve: {
     alias: {
-      vue$: 'vue/dist/vue.runtime.esm.js',
-      'portal-vue$': 'portal-vue/dist/portal-vue.esm.js',
-
       DB_HANDLERS_ELECTRON_RENDERER_OR_WEB$: path.resolve(__dirname, '../src/datastores/handlers/electron.js'),
 
       'youtubei.js$': 'youtubei.js/web',
diff --git a/_scripts/webpack.web.config.js b/_scripts/webpack.web.config.js
index 664bc63e4..afe6c942c 100644
--- a/_scripts/webpack.web.config.js
+++ b/_scripts/webpack.web.config.js
@@ -2,7 +2,7 @@ const path = require('path')
 const fs = require('fs')
 const webpack = require('webpack')
 const HtmlWebpackPlugin = require('html-webpack-plugin')
-const VueLoaderPlugin = require('vue-loader/lib/plugin')
+const { VueLoaderPlugin } = require('vue-loader')
 const CopyWebpackPlugin = require('copy-webpack-plugin')
 const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const JsonMinimizerPlugin = require('json-minimizer-webpack-plugin')
@@ -45,7 +45,7 @@ const config = {
         loader: 'vue-loader',
         options: {
           compilerOptions: {
-            whitespace: 'condense',
+            isCustomElement: (tag) => tag === 'swiper-container' || tag === 'swiper-slide',
           }
         }
       },
@@ -128,6 +128,12 @@ const config = {
       'process.env.IS_ELECTRON': false,
       'process.env.IS_ELECTRON_MAIN': false,
       'process.env.SUPPORTS_LOCAL_API': false,
+      __VUE_OPTIONS_API__: 'true',
+      __VUE_PROD_DEVTOOLS__: 'false',
+      __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: 'false',
+      __VUE_I18N_LEGACY_API__: 'true',
+      __VUE_I18N_FULL_INSTALL__: 'false',
+      __INTLIFY_PROD_DEVTOOLS__: 'false',
       'process.env.SWIPER_VERSION': `'${swiperVersion}'`
     }),
     new webpack.ProvidePlugin({
@@ -158,9 +164,6 @@ const config = {
   ],
   resolve: {
     alias: {
-      vue$: 'vue/dist/vue.runtime.esm.js',
-      'portal-vue$': 'portal-vue/dist/portal-vue.esm.js',
-
       DB_HANDLERS_ELECTRON_RENDERER_OR_WEB$: path.resolve(__dirname, '../src/datastores/handlers/web.js'),
 
       // change to "shaka-player.ui.debug.js" to get debug logs (update jsconfig to get updated types)
diff --git a/eslint.config.mjs b/eslint.config.mjs
index 5ac25984a..c37b0a9c1 100644
--- a/eslint.config.mjs
+++ b/eslint.config.mjs
@@ -33,9 +33,9 @@ export default [
     ts: false,
   }),
   js.configs.recommended,
-  ...eslintPluginVue.configs['flat/vue2-recommended'],
+  ...eslintPluginVue.configs['flat/recommended'],
   ...vuejsAccessibility.configs["flat/recommended"],
-  ...intlifyVueI18N.configs['flat/recommended'],
+  ...intlifyVueI18N.configs['recommended'],
   {
     files: [
       '**/*.{js,vue}',
@@ -63,7 +63,7 @@ export default [
     settings: {
       'vue-i18n': {
         localeDir: `./static/locales/{${activeLocales.join(',')}}.yaml`,
-        messageSyntaxVersion: '^8.0.0',
+        messageSyntaxVersion: '^11.0.0',
       },
     },
 
@@ -79,7 +79,6 @@ export default [
       'no-unused-vars': 'warn',
       'no-undef': 'warn',
       'object-shorthand': 'off',
-      'vue/no-template-key': 'warn',
       'vue/multi-word-component-names': 'off',
 
       'vuejs-accessibility/label-has-for': ['error', {
@@ -119,8 +118,6 @@ export default [
         ignoreText: ['-', '•', '/', 'YouTube', 'Invidious', 'FreeTube'],
       }],
 
-      '@intlify/vue-i18n/no-deprecated-tc': 'off',
-      'vue/require-explicit-emits': 'error',
       'vue/no-unused-emit-declarations': 'error',
 
       'jsdoc/check-alignment': 'error',
@@ -166,7 +163,7 @@ export default [
     settings: {
       'vue-i18n': {
         localeDir: `./static/locales/{${activeLocales.join(',')}}.yaml`,
-        messageSyntaxVersion: '^8.0.0',
+        messageSyntaxVersion: '^11.0.0',
       },
     },
   },
@@ -191,7 +188,7 @@ export default [
     settings: {
       'vue-i18n': {
         localeDir: `./static/locales/{${activeLocales.join(',')}}.yaml`,
-        messageSyntaxVersion: '^8.0.0',
+        messageSyntaxVersion: '^11.0.0',
       },
     },
   },
@@ -210,7 +207,7 @@ export default [
     settings: {
       'vue-i18n': {
         localeDir: `./static/locales/{${activeLocales.join(',')}}.yaml`,
-        messageSyntaxVersion: '^8.0.0',
+        messageSyntaxVersion: '^11.0.0',
       },
     },
   },
diff --git a/jsconfig.json b/jsconfig.json
index dad8a7949..2a959e13b 100644
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,6 +1,6 @@
 {
   "vueCompilerOptions": {
-    "target": 2.7
+    "target": 3.5
   },
   "compilerOptions": {
     "strictNullChecks": true,
diff --git a/package.json b/package.json
index b9339c4a6..4aed27245 100644
--- a/package.json
+++ b/package.json
@@ -58,21 +58,21 @@
     "@fortawesome/free-brands-svg-icons": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
     "@fortawesome/free-solid-svg-icons": "^6.7.2",
-    "@fortawesome/vue-fontawesome": "^2.0.10",
+    "@fortawesome/vue-fontawesome": "^3.0.8",
     "@seald-io/nedb": "^4.1.2",
     "autolinker": "^4.1.5",
     "bgutils-js": "^3.2.0",
     "electron-context-menu": "^4.1.1",
     "marked": "^16.4.1",
-    "portal-vue": "^2.1.7",
+    "portal-vue": "^3.0.0",
     "process": "^0.11.10",
     "shaka-player": "^4.16.6",
     "swiper": "^12.0.3",
-    "vue": "^2.7.16",
-    "vue-i18n": "^8.28.2",
-    "vue-observe-visibility": "^1.0.0",
-    "vue-router": "^3.6.5",
-    "vuex": "^3.6.2",
+    "vue": "^3.5.22",
+    "vue-i18n": "^11.1.12",
+    "vue-observe-visibility": "^2.0.0-alpha.1",
+    "vue-router": "^4.6.3",
+    "vuex": "^4.1.0",
     "youtubei.js": "^16.0.1"
   },
   "devDependencies": {
@@ -80,7 +80,7 @@
     "@babel/preset-env": "^7.28.5",
     "@double-great/stylelint-a11y": "^3.4.0",
     "@eslint/js": "^9.38.0",
-    "@intlify/eslint-plugin-vue-i18n": "^3.2.0",
+    "@intlify/eslint-plugin-vue-i18n": "^4.1.0",
     "babel-loader": "^10.0.0",
     "copy-webpack-plugin": "^13.0.1",
     "css-loader": "^7.1.2",
@@ -112,9 +112,8 @@
     "stylelint-high-performance-animation": "^1.11.0",
     "stylelint-use-logical-spec": "^5.0.1",
     "tree-kill": "1.2.2",
-    "vue-devtools": "^5.1.4",
     "vue-eslint-parser": "^10.2.0",
-    "vue-loader": "^15.10.0",
+    "vue-loader": "^17.4.2",
     "webpack": "^5.102.1",
     "webpack-cli": "^6.0.1",
     "webpack-dev-server": "^5.2.2",
diff --git a/src/main/index.js b/src/main/index.js
index 806e55761..8ad29ae72 100644
--- a/src/main/index.js
+++ b/src/main/index.js
@@ -710,14 +710,6 @@ function runApp() {
 
     await createWindow()
 
-    if (process.env.NODE_ENV === 'development') {
-      try {
-        require('vue-devtools').install()
-      } catch (err) {
-        console.error(err)
-      }
-    }
-
     if (isDebug) {
       mainWindow.webContents.openDevTools()
     }
diff --git a/src/renderer/App.css b/src/renderer/App.css
index 542cbd58d..c0b4712bf 100644
--- a/src/renderer/App.css
+++ b/src/renderer/App.css
@@ -56,8 +56,8 @@
   transition: opacity 0.15s;
 }
 
-.fade-enter,
-.fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+.fade-enter-from,
+.fade-leave-to {
   opacity: 0;
 }
 
diff --git a/src/renderer/App.js b/src/renderer/App.js
index 87c46e0f6..91ff638f0 100644
--- a/src/renderer/App.js
+++ b/src/renderer/App.js
@@ -209,18 +209,16 @@ export default defineComponent({
         }, 500)
       })
 
-      this.$router.onReady(() => {
-        if (this.$router.currentRoute.path === '/') {
-          this.$router.replace({ path: this.landingPage })
-        }
+      if (this.$route.path === '/') {
+        this.$router.replace({ path: this.landingPage })
+      }
 
-        this.setWindowTitle()
-      })
+      this.setWindowTitle()
     })
 
     document.addEventListener('dragstart', this.handleDragStart)
   },
-  beforeDestroy: function () {
+  beforeUnmount: function () {
     document.removeEventListener('dragstart', this.handleDragStart)
   },
   methods: {
@@ -332,8 +330,8 @@ export default defineComponent({
       this.showBlogBanner = false
     },
 
-    handlePromptPortalUpdate: function(newVal) {
-      this.isPromptOpen = newVal
+    handlePromptPortalUpdate: function(data) {
+      this.isPromptOpen = data.hasContent
     },
 
     openDownloadsPage: function () {
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 99030dd88..3736ea62f 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -1,7 +1,6 @@
 <template>
   <div
     v-if="dataReady"
-    id="app"
     class="app"
     :class="{
       hideOutlines: outlinesHidden,
@@ -101,17 +100,18 @@
           @click="handleNewBlogBannerClick"
         />
       </div>
-      <transition
+      <RouterView
         v-if="dataReady"
-        mode="out-in"
-        name="fade"
+        v-slot="{ Component }"
+        class="routerView"
       >
-        <!-- <keep-alive> -->
-        <RouterView
-          class="routerView"
-        />
-        <!-- </keep-alive> -->
-      </transition>
+        <Transition
+          mode="out-in"
+          name="fade"
+        >
+          <component :is="Component" />
+        </Transition>
+      </RouterView>
     </ft-flex-box>
   </div>
 </template>
diff --git a/src/renderer/components/ChannelDetails/ChannelDetails.vue b/src/renderer/components/ChannelDetails/ChannelDetails.vue
index db4c47e8c..40364aff3 100644
--- a/src/renderer/components/ChannelDetails/ChannelDetails.vue
+++ b/src/renderer/components/ChannelDetails/ChannelDetails.vue
@@ -42,7 +42,7 @@
               v-if="subCount !== null && !hideChannelSubscriptions"
               class="subCount"
             >
-              {{ $tc('Global.Counts.Subscriber Count', subCount, { count: formattedSubCount }) }}
+              {{ $t('Global.Counts.Subscriber Count', { count: formattedSubCount }, subCount) }}
             </p>
           </div>
         </div>
@@ -81,7 +81,7 @@
             class="tab"
             :class="{ selectedTab: currentTab === 'home' }"
             role="tab"
-            :aria-selected="String(currentTab === 'home')"
+            :aria-selected="currentTab === 'home'"
             aria-controls="homePanel"
             :tabindex="(currentTab === 'home' || currentTab === 'search') ? 0 : -1"
             @click="changeTab('home')"
@@ -97,7 +97,7 @@
             class="tab"
             :class="{ selectedTab: currentTab === 'videos' }"
             role="tab"
-            :aria-selected="String(currentTab === 'videos')"
+            :aria-selected="currentTab === 'videos'"
             aria-controls="videoPanel"
             :tabindex="(currentTab === 'videos' || currentTab === 'search') ? 0 : -1"
             @click="changeTab('videos')"
@@ -113,7 +113,7 @@
             class="tab"
             :class="{ selectedTab: currentTab === 'shorts' }"
             role="tab"
-            :aria-selected="String(currentTab === 'shorts')"
+            :aria-selected="currentTab === 'shorts'"
             aria-controls="shortPanel"
             :tabindex="currentTab === 'shorts' ? 0 : -1"
             @click="changeTab('shorts')"
@@ -129,7 +129,7 @@
             class="tab"
             :class="{ selectedTab: currentTab === 'live' }"
             role="tab"
-            :aria-selected="String(currentTab === 'live')"
+            :aria-selected="currentTab === 'live'"
             aria-controls="livePanel"
             :tabindex="currentTab === 'live' ? 0 : -1"
             @click="changeTab('live')"
@@ -144,7 +144,7 @@
             id="releasesTab"
             class="tab"
             role="tab"
-            :aria-selected="String(currentTab === 'releases')"
+            :aria-selected="currentTab === 'releases'"
             aria-controls="releasePanel"
             :tabindex="currentTab === 'releases' ? 0 : -1"
             :class="{ selectedTab: currentTab === 'releases' }"
@@ -160,7 +160,7 @@
             id="podcastsTab"
             class="tab"
             role="tab"
-            :aria-selected="String(currentTab === 'podcasts')"
+            :aria-selected="currentTab === 'podcasts'"
             aria-controls="podcastPanel"
             :tabindex="currentTab === 'podcasts' ? 0 : -1"
             :class="{ selectedTab: currentTab === 'podcasts' }"
@@ -176,7 +176,7 @@
             id="coursesTab"
             class="tab"
             role="tab"
-            :aria-selected="String(currentTab === 'courses')"
+            :aria-selected="currentTab === 'courses'"
             aria-controls="coursesPanel"
             :tabindex="currentTab === 'courses' ? 0 : -1"
             :class="{ selectedTab: currentTab === 'courses' }"
@@ -192,7 +192,7 @@
             id="playlistsTab"
             class="tab"
             role="tab"
-            :aria-selected="String(currentTab === 'playlists')"
+            :aria-selected="currentTab === 'playlists'"
             aria-controls="playlistPanel"
             :tabindex="currentTab === 'playlists' ? 0 : -1"
             :class="{ selectedTab: currentTab === 'playlists' }"
@@ -208,7 +208,7 @@
             id="communityTab"
             class="tab"
             role="tab"
-            :aria-selected="String(currentTab === 'community')"
+            :aria-selected="currentTab === 'community'"
             aria-controls="communityPanel"
             :tabindex="currentTab === 'community' ? 0 : -1"
             :class="{ selectedTab: currentTab === 'community' }"
@@ -223,7 +223,7 @@
             id="aboutTab"
             class="tab"
             role="tab"
-            :aria-selected="String(currentTab === 'about')"
+            :aria-selected="currentTab === 'about'"
             aria-controls="aboutPanel"
             :tabindex="currentTab === 'about' ? 0 : -1"
             :class="{ selectedTab: currentTab === 'about' }"
diff --git a/src/renderer/components/DataSettings.vue b/src/renderer/components/DataSettings.vue
index 3ea758ff3..671d6a5ec 100644
--- a/src/renderer/components/DataSettings.vue
+++ b/src/renderer/components/DataSettings.vue
@@ -65,7 +65,7 @@
 <script setup>
 import { computed, ref } from 'vue'
 import { useI18n } from '../composables/use-i18n-polyfill'
-import { useRouter } from 'vue-router/composables'
+import { useRouter } from 'vue-router'
 
 import FtButton from './FtButton/FtButton.vue'
 import FtFlexBox from './ft-flex-box/ft-flex-box.vue'
diff --git a/src/renderer/components/FtChannelBubble/FtChannelBubble.vue b/src/renderer/components/FtChannelBubble/FtChannelBubble.vue
index 2d22803bf..ad81791b5 100644
--- a/src/renderer/components/FtChannelBubble/FtChannelBubble.vue
+++ b/src/renderer/components/FtChannelBubble/FtChannelBubble.vue
@@ -58,8 +58,8 @@
 </template>
 
 <script setup>
-import { useId } from '../../composables/use-id-polyfill'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
+import { useId } from 'vue'
 
 const props = defineProps({
   channelId: {
diff --git a/src/renderer/components/FtCheckboxList/FtCheckboxList.vue b/src/renderer/components/FtCheckboxList/FtCheckboxList.vue
index 9146b5a8b..05ef98e2c 100644
--- a/src/renderer/components/FtCheckboxList/FtCheckboxList.vue
+++ b/src/renderer/components/FtCheckboxList/FtCheckboxList.vue
@@ -5,10 +5,10 @@
     </h3>
     <template
       v-for="(label, index) in labels"
+      :key="values[index]"
     >
       <input
         :id="id + values[index]"
-        :key="'value' + values[index]"
         v-model="modelValue"
         :name="id"
         :value="values[index]"
@@ -17,7 +17,6 @@
         type="checkbox"
       >
       <label
-        :key="'label' + values[index]"
         :for="id + values[index]"
       >
         {{ label }}
@@ -27,12 +26,11 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { useId } from 'vue'
 
 const id = useId()
 
-const props = defineProps({
+defineProps({
   title: {
     type: String,
     required: true
@@ -49,39 +47,9 @@ const props = defineProps({
     type: Boolean,
     default: false
   },
-
-  // Required for v-model in the parent component (https://v2.vuejs.org/v2/guide/components#Using-v-model-on-Components)
-  // Do not rename or remove
-  // TODO: Replace with defineModel in Vue 3
-  value: {
-    type: Array,
-    required: true
-  }
 })
 
-// Required for v-model in the parent component (https://v2.vuejs.org/v2/guide/components#Using-v-model-on-Components)
-// Do not rename or remove
-// TODO: Replace with defineModel in Vue 3
-const emit = defineEmits(['input'])
-
-/** @type {import('vue').Ref<string[]>} */
-const modelValue = ref(props.value)
-
-watch(
-  modelValue,
-  (newValue) => {
-    emit('input', newValue)
-  },
-  { deep: true }
-)
-
-watch(
-  () => props.value,
-  (newValue) => {
-    modelValue.value = newValue
-  },
-  { deep: true }
-)
+const modelValue = defineModel({ type: Array, required: true })
 </script>
 
 <style scoped src="./FtCheckboxList.css" />
diff --git a/src/renderer/components/FtCommunityPost/FtCommunityPost.vue b/src/renderer/components/FtCommunityPost/FtCommunityPost.vue
index e3e2f555a..ff03b50a8 100644
--- a/src/renderer/components/FtCommunityPost/FtCommunityPost.vue
+++ b/src/renderer/components/FtCommunityPost/FtCommunityPost.vue
@@ -117,8 +117,8 @@
     >
       <span
         class="likeCount"
-        :title="$tc('Global.Counts.Like Count', voteCount, {count: formattedVoteCount})"
-        :aria-label="$tc('Global.Counts.Like Count', voteCount, {count: formattedVoteCount})"
+        :title="$t('Global.Counts.Like Count', {count: formattedVoteCount}, voteCount)"
+        :aria-label="$t('Global.Counts.Like Count', {count: formattedVoteCount}, voteCount)"
       >
         <FontAwesomeIcon
           class="thumbs-up-icon"
@@ -136,8 +136,8 @@
       >
         <span
           class="commentCount"
-          :title="$tc('Global.Counts.Comment Count', commentCount, {count: formattedCommentCount})"
-          :aria-label="$tc('Global.Counts.Comment Count', commentCount, {count: formattedCommentCount})"
+          :title="$t('Global.Counts.Comment Count', {count: formattedCommentCount}, commentCount)"
+          :aria-label="$t('Global.Counts.Comment Count', {count: formattedCommentCount}, commentCount)"
         >
           <FontAwesomeIcon
             class="comment-count-icon"
@@ -148,8 +148,8 @@
       <span
         v-else-if="commentCount != null"
         class="commentCount"
-        :title="$tc('Global.Counts.Comment Count', commentCount, {count: formattedCommentCount})"
-        :aria-label="$tc('Global.Counts.Comment Count', commentCount, {count: formattedCommentCount})"
+        :title="$t('Global.Counts.Comment Count', {count: formattedCommentCount}, commentCount)"
+        :aria-label="$t('Global.Counts.Comment Count', {count: formattedCommentCount}, commentCount)"
       >
         <FontAwesomeIcon
           class="comment-count-icon"
diff --git a/src/renderer/components/FtInputTags/FtInputTags.vue b/src/renderer/components/FtInputTags/FtInputTags.vue
index e301b668b..178666534 100644
--- a/src/renderer/components/FtInputTags/FtInputTags.vue
+++ b/src/renderer/components/FtInputTags/FtInputTags.vue
@@ -79,8 +79,7 @@
 
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { ref } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { ref, useId } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
 
 import FtInput from '../ft-input/ft-input.vue'
diff --git a/src/renderer/components/FtListChannel/FtListChannel.vue b/src/renderer/components/FtListChannel/FtListChannel.vue
index a9648cdc0..3ae13f6b5 100644
--- a/src/renderer/components/FtListChannel/FtListChannel.vue
+++ b/src/renderer/components/FtListChannel/FtListChannel.vue
@@ -44,14 +44,14 @@
             class="subscriberCount"
           >
             <template v-if="handle !== null"> • </template>
-            {{ $tc('Global.Counts.Subscriber Count', subscriberCount, {count: formattedSubscriberCount}) }}
+            {{ $t('Global.Counts.Subscriber Count', {count: formattedSubscriberCount}, subscriberCount) }}
           </span>
           <span
             v-if="handle == null && videoCount != null"
             class="videoCount"
           >
             <template v-if="subscriberCount !== null && !hideChannelSubscriptions"> • </template>
-            {{ $tc('Global.Counts.Video Count', videoCount, {count: formattedVideoCount}) }}
+            {{ $t('Global.Counts.Video Count', {count: formattedVideoCount}, videoCount) }}
           </span>
         </div>
         <p
diff --git a/src/renderer/components/FtListHashtag/FtListHashtag.vue b/src/renderer/components/FtListHashtag/FtListHashtag.vue
index 21ad3a365..4cdae6dbc 100644
--- a/src/renderer/components/FtListHashtag/FtListHashtag.vue
+++ b/src/renderer/components/FtListHashtag/FtListHashtag.vue
@@ -34,14 +34,14 @@
           v-if="channelCount"
           class="channelCount"
         >
-          {{ $tc('Global.Counts.Channel Count', channelCount, {count: formattedChannelCount}) }}
+          {{ $t('Global.Counts.Channel Count', {count: formattedChannelCount}, channelCount) }}
         </span>
         <span
           v-if="videoCount"
           class="videoCount"
         >
           <template v-if="channelCount"> • </template>
-          {{ $tc('Global.Counts.Video Count', videoCount, {count: formattedVideosCount}) }}
+          {{ $t('Global.Counts.Video Count', {count: formattedVideosCount}, videoCount) }}
         </span>
       </div>
     </div>
diff --git a/src/renderer/components/FtNotificationBanner/FtNotificationBanner.vue b/src/renderer/components/FtNotificationBanner/FtNotificationBanner.vue
index 488fde376..7f22912dc 100644
--- a/src/renderer/components/FtNotificationBanner/FtNotificationBanner.vue
+++ b/src/renderer/components/FtNotificationBanner/FtNotificationBanner.vue
@@ -29,7 +29,7 @@
 
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { useId } from '../../composables/use-id-polyfill'
+import { useId } from 'vue'
 
 defineProps({
   message: {
diff --git a/src/renderer/components/FtProfileBubble/FtProfileBubble.vue b/src/renderer/components/FtProfileBubble/FtProfileBubble.vue
index 41bfa293e..651bb3e13 100644
--- a/src/renderer/components/FtProfileBubble/FtProfileBubble.vue
+++ b/src/renderer/components/FtProfileBubble/FtProfileBubble.vue
@@ -25,8 +25,7 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { computed, useId } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
 
 import { getFirstCharacter } from '../../helpers/strings'
diff --git a/src/renderer/components/FtProfileChannelList/FtProfileChannelList.vue b/src/renderer/components/FtProfileChannelList/FtProfileChannelList.vue
index 7e7ad7185..6ee2b1606 100644
--- a/src/renderer/components/FtProfileChannelList/FtProfileChannelList.vue
+++ b/src/renderer/components/FtProfileChannelList/FtProfileChannelList.vue
@@ -222,14 +222,15 @@ function handleDeletePromptClick(value) {
       showToast(t('Profile.Profile has been updated'))
       selectNone()
     } else {
-      /** @type {Profile} */
-      const profile = deepCopy(props.profile)
-
       subscriptions.value = subscriptions.value.filter((channel) => {
         return !selected_.includes(channel.id)
       })
 
-      profile.subscriptions = subscriptions.value
+      /** @type {Profile} */
+      const profile = {
+        ...props.profile,
+        subscriptions: deepCopy(subscriptions.value)
+      }
 
       store.dispatch('updateProfile', profile)
 
diff --git a/src/renderer/components/FtProfileEdit/FtProfileEdit.vue b/src/renderer/components/FtProfileEdit/FtProfileEdit.vue
index c8b33aa01..86072128d 100644
--- a/src/renderer/components/FtProfileEdit/FtProfileEdit.vue
+++ b/src/renderer/components/FtProfileEdit/FtProfileEdit.vue
@@ -48,7 +48,7 @@
               :show-action-button="false"
               :maxlength="100"
               @input="profileName = $event"
-              @keydown.enter.native="saveProfile"
+              @keydown.enter="saveProfile"
             />
           </div>
           <div>
@@ -121,7 +121,7 @@ import store from '../../store/index'
 
 import { MAIN_PROFILE_ID } from '../../../constants'
 import { calculateColorLuminance, colors } from '../../helpers/colors'
-import { showToast } from '../../helpers/utils'
+import { deepCopy, showToast } from '../../helpers/utils'
 import { getFirstCharacter } from '../../helpers/strings'
 
 /**
@@ -204,7 +204,7 @@ function saveProfile() {
     name: profileName.value,
     bgColor: profileBgColor.value,
     textColor: profileTextColor.value,
-    subscriptions: props.profile.subscriptions
+    subscriptions: deepCopy(props.profile.subscriptions)
   }
 
   if (!props.isNew) {
diff --git a/src/renderer/components/FtProfileSelector/FtProfileSelector.vue b/src/renderer/components/FtProfileSelector/FtProfileSelector.vue
index 348e6c271..dd866a2ce 100644
--- a/src/renderer/components/FtProfileSelector/FtProfileSelector.vue
+++ b/src/renderer/components/FtProfileSelector/FtProfileSelector.vue
@@ -26,8 +26,8 @@
       ref="profileListRef"
       class="profileList"
       tabindex="-1"
-      @focusout.native="handleProfileListFocusOut"
-      @keydown.native.esc.stop="handleProfileListEscape"
+      @focusout="handleProfileListFocusOut"
+      @keydown.esc.stop="handleProfileListEscape"
     >
       <h3
         :id="id + 'title'"
@@ -80,10 +80,9 @@
 </template>
 
 <script setup>
-import { computed, nextTick, ref } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { computed, nextTick, ref, useId } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { useRouter } from 'vue-router/composables'
+import { useRouter } from 'vue-router'
 
 import FtCard from '../ft-card/ft-card.vue'
 import FtIconButton from '../ft-icon-button/ft-icon-button.vue'
diff --git a/src/renderer/components/FtPrompt/FtPrompt.vue b/src/renderer/components/FtPrompt/FtPrompt.vue
index 31874bf51..1369affac 100644
--- a/src/renderer/components/FtPrompt/FtPrompt.vue
+++ b/src/renderer/components/FtPrompt/FtPrompt.vue
@@ -56,8 +56,7 @@
 </template>
 
 <script setup>
-import { nextTick, onBeforeUnmount, onMounted, ref } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { nextTick, onBeforeUnmount, onMounted, ref, useId } from 'vue'
 
 import store from '../../store/index'
 
diff --git a/src/renderer/components/FtRadioButton/FtRadioButton.vue b/src/renderer/components/FtRadioButton/FtRadioButton.vue
index 65055b185..090f911a5 100644
--- a/src/renderer/components/FtRadioButton/FtRadioButton.vue
+++ b/src/renderer/components/FtRadioButton/FtRadioButton.vue
@@ -5,20 +5,18 @@
     </h3>
     <template
       v-for="(label, index) in labels"
+      :key="values[index]"
     >
       <input
         :id="id + values[index]"
-        :key="'value' + values[index]"
+        v-model="modelValue"
         :name="id"
         :value="values[index]"
-        :checked="value === values[index]"
         :disabled="disabled"
         class="radio"
         type="radio"
-        @change="handleChange(values[index])"
       >
       <label
-        :key="'label' + values[index]"
         :for="id + values[index]"
       >
         {{ label }}
@@ -28,7 +26,7 @@
 </template>
 
 <script setup>
-import { useId } from '../../composables/use-id-polyfill'
+import { useId } from 'vue'
 
 const id = useId()
 
@@ -49,27 +47,9 @@ defineProps({
     type: Boolean,
     default: false
   },
-
-  // Required for v-model in the parent component (https://v2.vuejs.org/v2/guide/components#Using-v-model-on-Components)
-  // Do not rename or remove
-  // TODO: Replace with defineModel in Vue 3
-  value: {
-    type: String,
-    required: true
-  }
 })
 
-// Required for v-model in the parent component (https://v2.vuejs.org/v2/guide/components#Using-v-model-on-Components)
-// Do not rename or remove
-// TODO: Replace with defineModel in Vue 3
-const emit = defineEmits(['input'])
-
-/**
- * @param {string} value
- */
-function handleChange(value) {
-  emit('input', value)
-}
+const modelValue = defineModel({ type: String, required: true })
 </script>
 
 <style scoped src="./FtRadioButton.css" />
diff --git a/src/renderer/components/FtSelect/FtSelect.vue b/src/renderer/components/FtSelect/FtSelect.vue
index 6da349a5b..8ec18569e 100644
--- a/src/renderer/components/FtSelect/FtSelect.vue
+++ b/src/renderer/components/FtSelect/FtSelect.vue
@@ -47,7 +47,7 @@
 
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { useId } from '../../composables/use-id-polyfill'
+import { useId } from 'vue'
 
 import FtTooltip from '../FtTooltip/FtTooltip.vue'
 
diff --git a/src/renderer/components/FtSlider/FtSlider.vue b/src/renderer/components/FtSlider/FtSlider.vue
index 043524de1..12aa84c91 100644
--- a/src/renderer/components/FtSlider/FtSlider.vue
+++ b/src/renderer/components/FtSlider/FtSlider.vue
@@ -20,8 +20,7 @@
 </template>
 
 <script setup>
-import { computed, ref, watch } from 'vue'
-import { useId } from '../../composables/use-id-polyfill.js'
+import { computed, ref, useId, watch } from 'vue'
 
 const props = defineProps({
   label: {
diff --git a/src/renderer/components/FtSponsorBlockCategory/FtSponsorBlockCategory.vue b/src/renderer/components/FtSponsorBlockCategory/FtSponsorBlockCategory.vue
index 63dbae8a5..41085d7d0 100644
--- a/src/renderer/components/FtSponsorBlockCategory/FtSponsorBlockCategory.vue
+++ b/src/renderer/components/FtSponsorBlockCategory/FtSponsorBlockCategory.vue
@@ -30,8 +30,7 @@
 </template>
 
 <script setup>
-import { computed } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { computed, useId } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
 
 import FtSelect from '../FtSelect/FtSelect.vue'
diff --git a/src/renderer/components/FtSubscribeButton/FtSubscribeButton.vue b/src/renderer/components/FtSubscribeButton/FtSubscribeButton.vue
index 8a609402a..42386b903 100644
--- a/src/renderer/components/FtSubscribeButton/FtSubscribeButton.vue
+++ b/src/renderer/components/FtSubscribeButton/FtSubscribeButton.vue
@@ -90,8 +90,7 @@
 
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { computed, ref, shallowRef } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { computed, ref, shallowRef, useId } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
 
 import FtButton from '../FtButton/FtButton.vue'
@@ -246,7 +245,7 @@ function handleSubscription(profile) {
 const subscribeButton = ref(null)
 
 function handleProfileDropdownFocusOut() {
-  if (!subscribeButton.value.matches(':focus-within')) {
+  if (subscribeButton.value && !subscribeButton.value.matches(':focus-within')) {
     isProfileDropdownOpen.value = false
   }
 }
diff --git a/src/renderer/components/FtTimestampCatcher.vue b/src/renderer/components/FtTimestampCatcher.vue
index 8110efc01..e820e2cc1 100644
--- a/src/renderer/components/FtTimestampCatcher.vue
+++ b/src/renderer/components/FtTimestampCatcher.vue
@@ -7,7 +7,7 @@
 
 <script setup>
 import { computed } from 'vue'
-import { useRouter } from 'vue-router/composables'
+import { useRouter } from 'vue-router'
 
 const props = defineProps({
   inputHtml: {
@@ -21,7 +21,7 @@ const props = defineProps({
 })
 
 const router = useRouter()
-const videoId = router.currentRoute.params.id
+const videoId = router.currentRoute.value.params.id
 
 /** @type {import('vue').ComputedRef<string>} */
 const displayText = computed(() => props.inputHtml.replaceAll(/(?:(\d+):)?(\d+):(\d+)/g, (timestamp, hours, minutes, seconds) => {
diff --git a/src/renderer/components/FtToast/FtToast.vue b/src/renderer/components/FtToast/FtToast.vue
index 6832987e1..1b047c8d2 100644
--- a/src/renderer/components/FtToast/FtToast.vue
+++ b/src/renderer/components/FtToast/FtToast.vue
@@ -19,7 +19,7 @@
 </template>
 
 <script setup>
-import { nextTick, onBeforeUnmount, onMounted, shallowReactive } from 'vue'
+import { nextTick, onBeforeUnmount, onMounted, reactive } from 'vue'
 import { ToastEventBus } from '../../helpers/utils'
 
 let idCounter = 0
@@ -34,21 +34,23 @@ let idCounter = 0
  * @property {number} id
  */
 
-/** @type {import('vue').ShallowReactive<Toast[]>} */
-const toasts = shallowReactive([])
+/** @type {import('vue').Reactive<Toast[]>} */
+const toasts = reactive([])
 
 /**
  * @param {CustomEvent<{ message: string | (({elapsedMs: number, remainingMs: number}) => string), time: number | null, action: Function | null, abortSignal: AbortSignal | null }>} event
  */
 function open({ detail: { message, time, action, abortSignal } }) {
+  const id = idCounter++
+
   /** @type {Toast} */
   const toast = {
+    id,
     message,
     action,
     isOpen: false,
     timeout: 0,
-    interval: 0,
-    id: idCounter++
+    interval: 0
   }
   time ||= 3000
   let elapsed = 0
@@ -60,7 +62,14 @@ function open({ detail: { message, time, action, abortSignal } }) {
       elapsed += updateDelay
       // Skip last update
       if (elapsed >= time) { return }
-      toast.message = message({ elapsedMs: elapsed, remainingMs: time - elapsed })
+
+      // We need to locate the object in the array so we get the reactive proxy,
+      // as modifying the original object won't trigger reactive effects such as updating the DOM
+      const toast = toasts.find(t => t.id === id)
+
+      if (toast) {
+        toast.message = message({ elapsedMs: elapsed, remainingMs: time - elapsed })
+      }
     }, updateDelay)
   }
 
@@ -72,7 +81,13 @@ function open({ detail: { message, time, action, abortSignal } }) {
   }
 
   nextTick(() => {
-    toast.isOpen = true
+    // We need to locate the object in the array so we get the reactive proxy,
+    // as modifying the original object won't trigger reactive effects such as updating the DOM
+    const toast = toasts.find(t => t.id === id)
+
+    if (toast) {
+      toast.isOpen = true
+    }
   })
 
   if (toasts.length > 4) {
diff --git a/src/renderer/components/FtToggleSwitch/FtToggleSwitch.vue b/src/renderer/components/FtToggleSwitch/FtToggleSwitch.vue
index e4024c17b..c2a276c72 100644
--- a/src/renderer/components/FtToggleSwitch/FtToggleSwitch.vue
+++ b/src/renderer/components/FtToggleSwitch/FtToggleSwitch.vue
@@ -36,8 +36,7 @@
 </template>
 
 <script setup>
-import { ref, watch } from 'vue'
-import { useId } from '../../composables/use-id-polyfill'
+import { ref, useId, watch } from 'vue'
 
 import FtTooltip from '../FtTooltip/FtTooltip.vue'
 
diff --git a/src/renderer/components/FtTooltip/FtTooltip.vue b/src/renderer/components/FtTooltip/FtTooltip.vue
index ceaaae4d4..98d0a04cb 100644
--- a/src/renderer/components/FtTooltip/FtTooltip.vue
+++ b/src/renderer/components/FtTooltip/FtTooltip.vue
@@ -23,7 +23,7 @@
 
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
-import { useId } from '../../composables/use-id-polyfill'
+import { useId } from 'vue'
 
 defineProps({
   position: {
diff --git a/src/renderer/components/PasswordSettings/PasswordSettings.vue b/src/renderer/components/PasswordSettings/PasswordSettings.vue
index 45b585106..84157eb12 100644
--- a/src/renderer/components/PasswordSettings/PasswordSettings.vue
+++ b/src/renderer/components/PasswordSettings/PasswordSettings.vue
@@ -22,7 +22,7 @@
         input-type="password"
         :value="password"
         @input="e => password = e"
-        @keydown.enter.native="handleSetPassword"
+        @keydown.enter="handleSetPassword"
       />
       <FtButton
         class="centerButton"
diff --git a/src/renderer/components/PlaylistInfo/PlaylistInfo.vue b/src/renderer/components/PlaylistInfo/PlaylistInfo.vue
index 043964ef0..a1291104d 100644
--- a/src/renderer/components/PlaylistInfo/PlaylistInfo.vue
+++ b/src/renderer/components/PlaylistInfo/PlaylistInfo.vue
@@ -45,7 +45,7 @@
           :value="newTitle"
           :maxlength="255"
           @input="handlePlaylistNameInput"
-          @keydown.enter.native="savePlaylistInfo"
+          @keydown.enter="savePlaylistInfo"
         />
         <FtFlexBox v-if="inputPlaylistNameBlank">
           <p>
@@ -67,9 +67,9 @@
           {{ title }}
         </h2>
         <p>
-          {{ $tc('Global.Counts.Video Count', videoCount, { count: parsedVideoCount }) }}
+          {{ t('Global.Counts.Video Count', { count: parsedVideoCount }, videoCount) }}
           <span v-if="!hideViews && !isUserPlaylist">
-            - {{ $tc('Global.Counts.View Count', viewCount, { count: parsedViewCount }) }}
+            - {{ t('Global.Counts.View Count', { count: parsedViewCount }, viewCount) }}
           </span>
           <span>- </span>
           <span v-if="infoSource !== 'local'">
@@ -92,7 +92,7 @@
       :show-label="false"
       :value="newDescription"
       @input="(input) => newDescription = input"
-      @keydown.enter.native="savePlaylistInfo"
+      @keydown.enter="savePlaylistInfo"
     />
     <p
       v-else
@@ -265,7 +265,7 @@
 <script setup>
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { useRouter } from 'vue-router/composables'
+import { useRouter } from 'vue-router'
 
 import FtFlexBox from '../ft-flex-box/ft-flex-box.vue'
 import FtIconButton from '../ft-icon-button/ft-icon-button.vue'
@@ -282,6 +282,7 @@ import {
   showToast,
   getTodayDateStrLocalTimezone,
   writeFileWithPicker,
+  deepCopy,
 } from '../../helpers/utils'
 import thumbnailPlaceholder from '../../assets/img/thumbnail_placeholder.svg'
 
@@ -481,7 +482,7 @@ const userPlaylistAnyVideoWatched = computed(() => {
 
   const historyCacheById_ = historyCacheById.value
   return selectedUserPlaylist.value.videos.some((video) => {
-    return Object.hasOwn(historyCacheById_, video.videoId)
+    return historyCacheById_[video.videoId] !== undefined
   })
 })
 
@@ -594,7 +595,7 @@ async function savePlaylistInfo() {
     playlistName: newTitle.value,
     protected: selectedUserPlaylist.value.protected,
     description: newDescription.value,
-    videos: selectedUserPlaylist.value.videos,
+    videos: deepCopy(selectedUserPlaylist.value.videos),
     _id: props.id,
   }
   try {
@@ -740,7 +741,7 @@ const userPlaylistWatchedVideoCount = computed(() => {
 
   const historyCacheById_ = historyCacheById.value
   return selectedUserPlaylist.value.videos.reduce((count, video) => {
-    return Object.hasOwn(historyCacheById_, video.videoId) ? count + 1 : count
+    return historyCacheById_[video.videoId] !== undefined ? count + 1 : count
   }, 0)
 })
 
@@ -787,7 +788,7 @@ async function handleRemoveDuplicateVideosPromptAnswer(option) {
     playlistName: props.title,
     protected: selectedUserPlaylist.value.protected,
     description: props.description,
-    videos: newVideoItems,
+    videos: deepCopy(newVideoItems),
     _id: props.id,
   }
   try {
@@ -824,7 +825,7 @@ async function handleRemoveVideosOnWatchPromptAnswer(option) {
     playlistName: props.title,
     protected: selectedUserPlaylist.value.protected,
     description: props.description,
-    videos: videosToWatch,
+    videos: deepCopy(videosToWatch),
     _id: props.id
   }
   try {
diff --git a/src/renderer/components/ProxySettings/ProxySettings.vue b/src/renderer/components/ProxySettings/ProxySettings.vue
index e900f5401..c9240b9c5 100644
--- a/src/renderer/components/ProxySettings/ProxySettings.vue
+++ b/src/renderer/components/ProxySettings/ProxySettings.vue
@@ -41,7 +41,7 @@
           show-label
           :value="proxyHostname"
           @input="handleUpdateProxyHostname"
-          @keydown.enter.native="testProxy"
+          @keydown.enter="testProxy"
         />
         <FtInput
           :placeholder="$t('Settings.Proxy Settings.Proxy Port Number')"
@@ -50,7 +50,7 @@
           :value="proxyPort"
           :maxlength="5"
           @input="handleUpdateProxyPort"
-          @keydown.enter.native="testProxy"
+          @keydown.enter="testProxy"
         />
       </FtFlexBox>
       <FtFlexBox>
@@ -60,7 +60,7 @@
           show-label
           :value="proxyUsername"
           @input="handleUpdateProxyUsername"
-          @keydown.enter.native="testProxy"
+          @keydown.enter="testProxy"
         />
         <FtInput
           :placeholder="$t('Settings.Proxy Settings.Proxy Password')"
@@ -69,7 +69,7 @@
           :value="proxyPassword"
           input-type="password"
           @input="handleUpdateProxyPassword"
-          @keydown.enter.native="testProxy"
+          @keydown.enter="testProxy"
         />
       </FtFlexBox>
       <p
diff --git a/src/renderer/components/SideNavMoreOptions/SideNavMoreOptions.vue b/src/renderer/components/SideNavMoreOptions/SideNavMoreOptions.vue
index c428cee74..dc31d55ce 100644
--- a/src/renderer/components/SideNavMoreOptions/SideNavMoreOptions.vue
+++ b/src/renderer/components/SideNavMoreOptions/SideNavMoreOptions.vue
@@ -198,7 +198,7 @@
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { computed, ref, onMounted, onBeforeUnmount } from 'vue'
-import router from '../../router/index.js'
+import { useRouter } from 'vue-router'
 
 import store from '../../store/index'
 
@@ -238,6 +238,8 @@ function handleClickOutside(event) {
   }
 }
 
+const router = useRouter()
+
 onMounted(() => {
   document.addEventListener('click', handleClickOutside)
   router.afterEach(() => {
diff --git a/src/renderer/components/SubscriptionsTabUi/SubscriptionsTabUi.vue b/src/renderer/components/SubscriptionsTabUi/SubscriptionsTabUi.vue
index 86d1d4dcd..be82f1b69 100644
--- a/src/renderer/components/SubscriptionsTabUi/SubscriptionsTabUi.vue
+++ b/src/renderer/components/SubscriptionsTabUi/SubscriptionsTabUi.vue
@@ -152,7 +152,7 @@ const hideWatchedSubs = computed(() => {
 const filteredVideoList = computed(() => {
   if (hideWatchedSubs.value && !props.isCommunity) {
     return props.videoList.filter((video) => {
-      return !Object.hasOwn(historyCacheById.value, video.videoId)
+      return historyCacheById.value[video.videoId] === undefined
     })
   } else {
     return props.videoList
diff --git a/src/renderer/components/TopNav/TopNav.vue b/src/renderer/components/TopNav/TopNav.vue
index 1dea92ac5..b4570a3e5 100644
--- a/src/renderer/components/TopNav/TopNav.vue
+++ b/src/renderer/components/TopNav/TopNav.vue
@@ -121,7 +121,7 @@
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { useRoute, useRouter } from 'vue-router/composables'
+import { useRoute, useRouter } from 'vue-router'
 
 import FtInput from '../ft-input/ft-input.vue'
 import FtProfileSelector from '../FtProfileSelector/FtProfileSelector.vue'
diff --git a/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue b/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue
index 2fedbb0b4..a7f486902 100644
--- a/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue
+++ b/src/renderer/components/WatchVideoDescription/WatchVideoDescription.vue
@@ -20,7 +20,7 @@
       :input-html="processedShownDescription"
       :link-tab-index="linkTabIndex"
       @timestamp-event="onTimestamp"
-      @click.native="expandDescriptionWithClick"
+      @click="expandDescriptionWithClick"
     />
     <span
       v-if="license && showFullDescription"
diff --git a/src/renderer/components/ft-icon-button/ft-icon-button.js b/src/renderer/components/ft-icon-button/ft-icon-button.js
index 15bc425c5..ee785fa4b 100644
--- a/src/renderer/components/ft-icon-button/ft-icon-button.js
+++ b/src/renderer/components/ft-icon-button/ft-icon-button.js
@@ -87,7 +87,7 @@ export default defineComponent({
       window.addEventListener('resize', this.handleResize)
     }
   },
-  beforeDestroy: function () {
+  beforeUnmount: function () {
     if (this.dropdownModalOnMobile) {
       window.removeEventListener('resize', this.handleResize)
     }
diff --git a/src/renderer/components/ft-input/ft-input.js b/src/renderer/components/ft-input/ft-input.js
index 14e133efc..03470c482 100644
--- a/src/renderer/components/ft-input/ft-input.js
+++ b/src/renderer/components/ft-input/ft-input.js
@@ -1,4 +1,4 @@
-import { defineComponent } from 'vue'
+import { defineComponent, useId } from 'vue'
 import { mapActions } from 'vuex'
 
 import FtTooltip from '../FtTooltip/FtTooltip.vue'
@@ -77,13 +77,19 @@ export default defineComponent({
     }
   },
   emits: ['clear', 'click', 'input', 'remove'],
+  setup() {
+    const id = useId()
+
+    return {
+      id
+    }
+  },
   data: function () {
     let actionIcon = ['fas', 'search']
     if (this.forceActionButtonIconName !== null) {
       actionIcon = this.forceActionButtonIconName
     }
     return {
-      id: '',
       inputData: '',
       searchState: {
         showOptions: false,
@@ -152,7 +158,6 @@ export default defineComponent({
     }
   },
   created: function () {
-    this.id = this._uid
     this.inputData = this.value
     this.updateVisibleDataList()
   },
diff --git a/src/renderer/components/ft-list-video/ft-list-video.vue b/src/renderer/components/ft-list-video/ft-list-video.vue
index 96a382887..9c7633b3c 100644
--- a/src/renderer/components/ft-list-video/ft-list-video.vue
+++ b/src/renderer/components/ft-list-video/ft-list-video.vue
@@ -15,7 +15,7 @@
         class="thumbnailLink"
         tabindex="-1"
         :to="watchVideoRouterLink"
-        @click.native="handleWatchPageLinkClick"
+        @click="handleWatchPageLinkClick"
       >
         <img
           :src="thumbnail"
@@ -113,7 +113,7 @@
       <router-link
         class="title"
         :to="watchVideoRouterLink"
-        @click.native="handleWatchPageLinkClick"
+        @click="handleWatchPageLinkClick"
       >
         <h3 class="h3Title">
           {{ displayTitle }}
@@ -135,7 +135,7 @@
           class="viewCount"
         >
           <template v-if="channelId !== null || channelName !== null"> • </template>
-          {{ $tc('Global.Counts.View Count', viewCount, {count: parsedViewCount}) }}
+          {{ $t('Global.Counts.View Count', {count: parsedViewCount}, viewCount) }}
         </span>
         <span
           v-if="uploadedTime !== '' && !isLive"
@@ -144,7 +144,7 @@
         <span
           v-if="isLive && !hideViews"
           class="viewCount"
-        > • {{ $tc('Global.Counts.Watching Count', viewCount, {count: parsedViewCount}) }}</span>
+        > • {{ $t('Global.Counts.Watching Count', {count: parsedViewCount}, viewCount) }}</span>
       </div>
       <div
         v-if="is4k || hasCaptions || is8k || isNew || isVr180 || isVr360 || is3D"
diff --git a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js
index ed1ff8f1b..35587e181 100644
--- a/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js
+++ b/src/renderer/components/ft-shaka-video-player/ft-shaka-video-player.js
@@ -1192,16 +1192,18 @@ export default defineComponent({
     }
 
     function handleTimeupdate() {
-      const currentTime = video.value.currentTime
+      if (video.value) {
+        const currentTime = video.value.currentTime
 
-      emit('timeupdate', currentTime)
+        emit('timeupdate', currentTime)
 
-      if (showStats.value && hasLoaded.value) {
-        updateStats()
-      }
+        if (showStats.value && hasLoaded.value) {
+          updateStats()
+        }
 
-      if (useSponsorBlock.value && sponsorBlockSegments.length > 0 && canSeek()) {
-        skipSponsorBlockSegments(currentTime)
+        if (useSponsorBlock.value && sponsorBlockSegments.length > 0 && canSeek()) {
+          skipSponsorBlockSegments(currentTime)
+        }
       }
     }
 
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js b/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js
index a4e2284ed..c3cca76df 100644
--- a/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js
+++ b/src/renderer/components/ft-shaka-video-player/player-components/AudioTrackSelection.js
@@ -133,7 +133,7 @@ export class AudioTrackSelection extends shaka.ui.SettingsMenu {
   updateLocalisedStrings_() {
     this.backButton.ariaLabel = this.localization.resolve('BACK')
 
-    const audioTracksText = i18n.t('Video.Player.Audio Tracks')
+    const audioTracksText = i18n.global.t('Video.Player.Audio Tracks')
 
     this.button.ariaLabel = audioTracksText
     this.nameSpan.textContent = audioTracksText
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/AutoplayToggle.js b/src/renderer/components/ft-shaka-video-player/player-components/AutoplayToggle.js
index 5ecbc386e..30056cbdc 100644
--- a/src/renderer/components/ft-shaka-video-player/player-components/AutoplayToggle.js
+++ b/src/renderer/components/ft-shaka-video-player/player-components/AutoplayToggle.js
@@ -67,12 +67,12 @@ export class AutoplayToggle extends shaka.ui.Element {
 
   /** @private */
   updateLocalisedStrings_() {
-    this.nameSpan_.textContent = i18n.t('Video.Autoplay')
+    this.nameSpan_.textContent = i18n.global.t('Video.Autoplay')
 
     this.icon_.use(this.autoplayEnabled_ ? PlayerIcons.PLAY_CIRCLE_FILLED : PlayerIcons.PAUSE_CIRCLE_FILLED)
 
     this.currentState_.textContent = this.localization.resolve(this.autoplayEnabled_ ? 'ON' : 'OFF')
 
-    this.button_.ariaLabel = this.autoplayEnabled_ ? i18n.t('Video.Player.Autoplay is on') : i18n.t('Video.Player.Autoplay is off')
+    this.button_.ariaLabel = this.autoplayEnabled_ ? i18n.global.t('Video.Player.Autoplay is on') : i18n.global.t('Video.Player.Autoplay is off')
   }
 }
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js b/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js
index d193881cf..3c61a8200 100644
--- a/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js
+++ b/src/renderer/components/ft-shaka-video-player/player-components/FullWindowButton.js
@@ -70,7 +70,7 @@ export class FullWindowButton extends shaka.ui.Element {
     this.icon_.use(this.fullWindowEnabled_ ? PlayerIcons.CLOSE_FULLSCREEN_FILLED : PlayerIcons.OPEN_IN_FULL_FILLED)
     this.currentState_.textContent = this.localization.resolve(this.fullWindowEnabled_ ? 'ON' : 'OFF')
 
-    const baseAriaLabel = this.fullWindowEnabled_ ? i18n.t('Video.Player.Exit Full Window') : i18n.t('Video.Player.Full Window')
+    const baseAriaLabel = this.fullWindowEnabled_ ? i18n.global.t('Video.Player.Exit Full Window') : i18n.global.t('Video.Player.Full Window')
     const newLabel = addKeyboardShortcutToActionTitle(
       baseAriaLabel,
       KeyboardShortcuts.VIDEO_PLAYER.GENERAL.FULLWINDOW
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js b/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js
index 2c5cbb219..eb8757030 100644
--- a/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js
+++ b/src/renderer/components/ft-shaka-video-player/player-components/ScreenshotButton.js
@@ -51,7 +51,7 @@ export class ScreenshotButton extends shaka.ui.Element {
   /** @private */
   updateLocalisedStrings_() {
     const label = addKeyboardShortcutToActionTitle(
-      i18n.t('Video.Player.Take Screenshot'),
+      i18n.global.t('Video.Player.Take Screenshot'),
       KeyboardShortcuts.VIDEO_PLAYER.GENERAL.TAKE_SCREENSHOT
     )
     this.nameSpan_.textContent = this.button_.ariaLabel = label
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js b/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js
index 5b3f97079..21f6e0860 100644
--- a/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js
+++ b/src/renderer/components/ft-shaka-video-player/player-components/StatsButton.js
@@ -65,7 +65,7 @@ export class StatsButton extends shaka.ui.Element {
   updateLocalisedStrings_() {
     this.icon_.use(this.showStats_ ? PlayerIcons.INSERT_CHART_FILLED : PlayerIcons.INSERT_CHART_DEFAULT)
 
-    const baseLabel = this.showStats_ ? i18n.t('Video.Player.Hide Stats') : i18n.t('Video.Player.Show Stats')
+    const baseLabel = this.showStats_ ? i18n.global.t('Video.Player.Hide Stats') : i18n.global.t('Video.Player.Show Stats')
     const label = addKeyboardShortcutToActionTitle(
       baseLabel,
       KeyboardShortcuts.VIDEO_PLAYER.GENERAL.STATS
diff --git a/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js b/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js
index 64a636a80..e275c9d93 100644
--- a/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js
+++ b/src/renderer/components/ft-shaka-video-player/player-components/TheatreModeButton.js
@@ -71,7 +71,7 @@ export class TheatreModeButton extends shaka.ui.Element {
 
     this.currentState_.textContent = this.localization.resolve(this.theatreModeEnabled_ ? 'ON' : 'OFF')
 
-    const baseAriaLabel = this.theatreModeEnabled_ ? i18n.t('Video.Player.Exit Theatre Mode') : i18n.t('Video.Player.Theatre Mode')
+    const baseAriaLabel = this.theatreModeEnabled_ ? i18n.global.t('Video.Player.Exit Theatre Mode') : i18n.global.t('Video.Player.Theatre Mode')
 
     this.nameSpan_.textContent = this.button_.ariaLabel = addKeyboardShortcutToActionTitle(
       baseAriaLabel,
diff --git a/src/renderer/components/general-settings/general-settings.js b/src/renderer/components/general-settings/general-settings.js
index 1d46ff0a9..79e5e6f05 100644
--- a/src/renderer/components/general-settings/general-settings.js
+++ b/src/renderer/components/general-settings/general-settings.js
@@ -220,7 +220,7 @@ export default defineComponent({
     this.setCurrentInvidiousInstanceBounce =
       debounce(this.setCurrentInvidiousInstance, 500)
   },
-  beforeDestroy: function () {
+  beforeUnmount: function () {
     if (this.currentInvidiousInstance === '') {
       // FIXME: If we call an action from here, there's no guarantee it will finish
       // before the component is destroyed, which could bring up some problems
diff --git a/src/renderer/components/watch-video-info/watch-video-info.js b/src/renderer/components/watch-video-info/watch-video-info.js
index ae474a0b3..db2d85a70 100644
--- a/src/renderer/components/watch-video-info/watch-video-info.js
+++ b/src/renderer/components/watch-video-info/watch-video-info.js
@@ -219,7 +219,7 @@ export default defineComponent({
         return null
       }
 
-      return this.$tc('Global.Counts.View Count', this.viewCount, { count: formatNumber(this.viewCount) })
+      return this.$t('Global.Counts.View Count', { count: formatNumber(this.viewCount) }, this.viewCount)
     },
 
     dateString: function () {
diff --git a/src/renderer/components/watch-video-playlist/watch-video-playlist.js b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
index ea50adea3..127f97adc 100644
--- a/src/renderer/components/watch-video-playlist/watch-video-playlist.js
+++ b/src/renderer/components/watch-video-playlist/watch-video-playlist.js
@@ -218,7 +218,7 @@ export default defineComponent({
       navigator.mediaSession.setActionHandler('nexttrack', this.playNextVideo)
     }
   },
-  beforeDestroy: function () {
+  beforeUnmount: function () {
     if ('mediaSession' in navigator) {
       navigator.mediaSession.setActionHandler('previoustrack', null)
       navigator.mediaSession.setActionHandler('nexttrack', null)
diff --git a/src/renderer/composables/use-i18n-polyfill.js b/src/renderer/composables/use-i18n-polyfill.js
index a8b7fa871..1aaba7a21 100644
--- a/src/renderer/composables/use-i18n-polyfill.js
+++ b/src/renderer/composables/use-i18n-polyfill.js
@@ -17,10 +17,10 @@ import i18n from '../i18n/index'
 export function useI18n() {
   const locale = computed({
     get() {
-      return i18n.locale
+      return i18n.global.locale
     },
     set(locale) {
-      i18n.locale = locale
+      i18n.global.locale = locale
     }
   })
 
@@ -74,22 +74,9 @@ export function useI18n() {
  */
 
 /**
- * @param {string} key
- * @param {number | unknown[] | Record<string, unknown> | undefined} arg1
- * @param {number | undefined} arg2
+ * @param {...any} args
  * @returns {string}
  */
-function t(key, arg1, arg2) {
-  // Remove these lines in the Vue 3 migration and pass all args to the `.t()` call
-  if (typeof arg1 === 'number') {
-    return i18n.tc(key, arg1)
-  } else if (typeof arg2 === 'number') {
-    return i18n.tc(key, arg2, arg1)
-  }
-
-  if (arg1 != null) {
-    return i18n.t(key, arg1)
-  }
-
-  return i18n.t(key)
+function t(...args) {
+  return i18n.global.t(...args)
 }
diff --git a/src/renderer/composables/use-id-polyfill.js b/src/renderer/composables/use-id-polyfill.js
deleted file mode 100644
index cb0b21b2a..000000000
--- a/src/renderer/composables/use-id-polyfill.js
+++ /dev/null
@@ -1,10 +0,0 @@
-// based on https://github.com/vuejs/core/blob/main/packages/runtime-core/src/helpers/useId.ts
-
-let counter = 0
-
-/**
- * Polyfill for Vue 3's useId composable in Vue 2
- */
-export function useId() {
-  return `v-0-${counter++}`
-}
diff --git a/src/renderer/helpers/player/utils.js b/src/renderer/helpers/player/utils.js
index d8d142327..7e1d7beab 100644
--- a/src/renderer/helpers/player/utils.js
+++ b/src/renderer/helpers/player/utils.js
@@ -98,21 +98,21 @@ export async function getSponsorBlockSegments(videoId, categories) {
 export function translateSponsorBlockCategory(category) {
   switch (category) {
     case 'sponsor':
-      return i18n.t('Video.Sponsor Block category.sponsor')
+      return i18n.global.t('Video.Sponsor Block category.sponsor')
     case 'intro':
-      return i18n.t('Video.Sponsor Block category.intro')
+      return i18n.global.t('Video.Sponsor Block category.intro')
     case 'outro':
-      return i18n.t('Video.Sponsor Block category.outro')
+      return i18n.global.t('Video.Sponsor Block category.outro')
     case 'recap':
-      return i18n.t('Video.Sponsor Block category.recap')
+      return i18n.global.t('Video.Sponsor Block category.recap')
     case 'selfpromo':
-      return i18n.t('Video.Sponsor Block category.self-promotion')
+      return i18n.global.t('Video.Sponsor Block category.self-promotion')
     case 'interaction':
-      return i18n.t('Video.Sponsor Block category.interaction')
+      return i18n.global.t('Video.Sponsor Block category.interaction')
     case 'music_offtopic':
-      return i18n.t('Video.Sponsor Block category.music offtopic')
+      return i18n.global.t('Video.Sponsor Block category.music offtopic')
     case 'filler':
-      return i18n.t('Video.Sponsor Block category.filler')
+      return i18n.global.t('Video.Sponsor Block category.filler')
     default:
       console.error(`Unknown translation for SponsorBlock category ${category}`)
       return category
@@ -131,7 +131,7 @@ export function translateSponsorBlockCategory(category) {
  * }[]} captions
  */
 export function sortCaptions(captions) {
-  const currentLocale = i18n.locale
+  const currentLocale = i18n.global.locale
   const userLocale = currentLocale.split('-') // ex. [en,US]
 
   const collator = new Intl.Collator([currentLocale, 'en'])
diff --git a/src/renderer/helpers/strings.js b/src/renderer/helpers/strings.js
index e72956e27..96ef8b64e 100644
--- a/src/renderer/helpers/strings.js
+++ b/src/renderer/helpers/strings.js
@@ -32,25 +32,25 @@ export function isKeyboardEventKeyPrintableChar(eventKey) {
 export function translateWindowTitle(title) {
   switch (title) {
     case 'Subscriptions':
-      return i18n.t('Subscriptions.Subscriptions')
+      return i18n.global.t('Subscriptions.Subscriptions')
     case 'Channels':
-      return i18n.t('Channels.Title')
+      return i18n.global.t('Channels.Title')
     case 'Trending':
-      return i18n.t('Trending.Trending')
+      return i18n.global.t('Trending.Trending')
     case 'Most Popular':
-      return i18n.t('Most Popular')
+      return i18n.global.t('Most Popular')
     case 'Your Playlists':
-      return i18n.t('User Playlists.Your Playlists')
+      return i18n.global.t('User Playlists.Your Playlists')
     case 'History':
-      return i18n.t('History.History')
+      return i18n.global.t('History.History')
     case 'Settings':
-      return i18n.t('Settings.Settings')
+      return i18n.global.t('Settings.Settings')
     case 'About':
-      return i18n.t('About.About')
+      return i18n.global.t('About.About')
     case 'Profile Settings':
-      return i18n.t('Profile.Profile Settings')
+      return i18n.global.t('Profile.Profile Settings')
     case 'Playlist':
-      return i18n.t('Playlist.Playlist')
+      return i18n.global.t('Playlist.Playlist')
     default:
       return null
   }
diff --git a/src/renderer/helpers/utils.js b/src/renderer/helpers/utils.js
index 1f464572a..8dc03a9af 100644
--- a/src/renderer/helpers/utils.js
+++ b/src/renderer/helpers/utils.js
@@ -206,11 +206,11 @@ export async function copyToClipboard(content, { messageOnSuccess = null, messag
       if (messageOnError !== null) {
         showToast(`${messageOnError}: ${error}`, 5000)
       } else {
-        showToast(`${i18n.t('Clipboard.Copy failed')}: ${error}`, 5000)
+        showToast(`${i18n.global.t('Clipboard.Copy failed')}: ${error}`, 5000)
       }
     }
   } else {
-    showToast(i18n.t('Clipboard.Cannot access clipboard without a secure connection'), 5000)
+    showToast(i18n.global.t('Clipboard.Cannot access clipboard without a secure connection'), 5000)
   }
 }
 
@@ -556,7 +556,7 @@ export function extractNumberFromString(str) {
 }
 
 export function showExternalPlayerUnsupportedActionToast(externalPlayer, action) {
-  const message = i18n.t('Video.External Player.UnsupportedActionTemplate', { externalPlayer, action })
+  const message = i18n.global.t('Video.External Player.UnsupportedActionTemplate', { externalPlayer, action })
   showToast(message)
 }
 
@@ -682,7 +682,7 @@ export function toDistractionFreeTitle(title, minUpperCase = 3) {
  * @returns {string}
  */
 export function formatNumber(number, options = undefined) {
-  return Intl.NumberFormat([i18n.locale, 'en'], options).format(number)
+  return Intl.NumberFormat([i18n.global.locale, 'en'], options).format(number)
 }
 
 export function getTodayDateStrLocalTimezone() {
@@ -715,7 +715,7 @@ export function getRelativeTimeFromDate(date, hideSeconds = false, useThirtyDayM
   let timeUnit = 'second'
 
   if (timeDiffFromNow < 60 && hideSeconds) {
-    return i18n.t('Moments Ago')
+    return i18n.global.t('Moments Ago')
   }
 
   if (timeDiffFromNow >= 60) {
@@ -755,7 +755,7 @@ export function getRelativeTimeFromDate(date, hideSeconds = false, useThirtyDayM
 
   // Using `Math.ceil` so that -1.x days ago displayed as 1 day ago
   // Notice that the value is turned to negative to be displayed as "ago"
-  return new Intl.RelativeTimeFormat([i18n.locale, 'en']).format(Math.ceil(-timeDiffFromNow), timeUnit)
+  return new Intl.RelativeTimeFormat([i18n.global.locale, 'en']).format(Math.ceil(-timeDiffFromNow), timeUnit)
 }
 
 /**
@@ -906,23 +906,23 @@ export function getChannelPlaylistId(channelId, type, sortBy) {
 function getIndividualLocalizedShortcut(shortcut) {
   switch (shortcut) {
     case 'alt':
-      return i18n.t('Keys.alt')
+      return i18n.global.t('Keys.alt')
     case 'ctrl':
-      return i18n.t('Keys.ctrl')
+      return i18n.global.t('Keys.ctrl')
     case 'shift':
-      return i18n.t('Keys.shift')
+      return i18n.global.t('Keys.shift')
     case 'enter':
-      return i18n.t('Keys.enter')
+      return i18n.global.t('Keys.enter')
     case 'plus':
-      return i18n.t('Keys.plus')
+      return i18n.global.t('Keys.plus')
     case 'arrowleft':
-      return i18n.t('Keys.arrowleft')
+      return i18n.global.t('Keys.arrowleft')
     case 'arrowright':
-      return i18n.t('Keys.arrowright')
+      return i18n.global.t('Keys.arrowright')
     case 'arrowup':
-      return i18n.t('Keys.arrowup')
+      return i18n.global.t('Keys.arrowup')
     case 'arrowdown':
-      return i18n.t('Keys.arrowdown')
+      return i18n.global.t('Keys.arrowdown')
     default:
       return shortcut
   }
@@ -967,7 +967,7 @@ export function getLocalizedShortcut(shortcut) {
     return shortcutsAsIcons.join('')
   } else {
     const localizedShortcuts = shortcuts.map((shortcut) => getIndividualLocalizedShortcut(shortcut))
-    const shortcutJoinOperator = i18n.t('shortcutJoinOperator')
+    const shortcutJoinOperator = i18n.global.t('shortcutJoinOperator')
     return localizedShortcuts.join(shortcutJoinOperator)
   }
 }
@@ -978,7 +978,7 @@ export function getLocalizedShortcut(shortcut) {
  * @returns {string} the localized action title with keyboard shortcut
  */
 export function addKeyboardShortcutToActionTitle(actionTitle, shortcut) {
-  return i18n.t('KeyboardShortcutTemplate', {
+  return i18n.global.t('KeyboardShortcutTemplate', {
     label: actionTitle,
     shortcut
   })
@@ -995,7 +995,7 @@ export function localizeAndAddKeyboardShortcutToActionTitle(localizedActionTitle
     unlocalizedShortcuts = [unlocalizedShortcuts]
   }
   const localizedShortcuts = unlocalizedShortcuts.map((s) => getLocalizedShortcut(s))
-  const shortcutLabelSeparator = i18n.t('shortcutLabelSeparator')
+  const shortcutLabelSeparator = i18n.global.t('shortcutLabelSeparator')
   return addKeyboardShortcutToActionTitle(localizedActionTitle, localizedShortcuts.join(shortcutLabelSeparator))
 }
 
diff --git a/src/renderer/i18n/index.js b/src/renderer/i18n/index.js
index 555a3994b..f86ee7686 100644
--- a/src/renderer/i18n/index.js
+++ b/src/renderer/i18n/index.js
@@ -1,15 +1,13 @@
-import Vue from 'vue'
-import VueI18n from 'vue-i18n'
+import { createI18n } from 'vue-i18n'
 import { createWebURL } from '../helpers/utils'
 // List of locales approved for use
 import activeLocales from '../../../static/locales/activeLocales.json'
 
-Vue.use(VueI18n)
-
-const i18n = new VueI18n({
+const i18n = createI18n({
   locale: 'en-US',
+  legacy: true,
   fallbackLocale: {
-    // https://kazupon.github.io/vue-i18n/guide/fallback.html#explicit-fallback-with-decision-maps
+    // https://vue-i18n.intlify.dev/guide/essentials/fallback.html
 
     // es-AR -> es -> en-US
     'es-AR': ['es'],
@@ -26,7 +24,8 @@ const i18n = new VueI18n({
 
 export async function loadLocale(locale) {
   // don't need to load it if it's already loaded
-  if (i18n.availableLocales.includes(locale)) {
+  if (i18n.global.availableLocales.includes(locale) &&
+    Object.keys(i18n.global.messages[locale]).length > 0) {
     return
   }
   if (!activeLocales.includes(locale)) {
@@ -47,7 +46,7 @@ export async function loadLocale(locale) {
 
   const response = await fetch(url)
   const data = await response.json()
-  i18n.setLocaleMessage(locale, data)
+  i18n.global.setLocaleMessage(locale, data)
 }
 
 // Set by _scripts/ProcessLocalesPlugin.js
@@ -60,10 +59,11 @@ if (process.env.HOT_RELOAD_LOCALES) {
     if (message.type === 'freetube-locale-update') {
       for (const [locale, data] of message.data) {
         // Only update locale data if it was already loaded
-        if (i18n.availableLocales.includes(locale)) {
+        if (i18n.global.availableLocales.includes(locale) &&
+          Object.keys(i18n.global.messages[locale]).length > 0) {
           const localeData = JSON.parse(data)
 
-          i18n.setLocaleMessage(locale, localeData)
+          i18n.global.setLocaleMessage(locale, localeData)
         }
       }
     }
diff --git a/src/renderer/main.js b/src/renderer/main.js
index 4feace1dd..83dced888 100644
--- a/src/renderer/main.js
+++ b/src/renderer/main.js
@@ -1,5 +1,5 @@
 // import the styles
-import Vue from 'vue'
+import { createApp } from 'vue'
 import i18n from './i18n/index'
 import router from './router/index'
 import store from './store/index'
@@ -133,10 +133,6 @@ import {
 import { FontAwesomeIcon, FontAwesomeLayers } from '@fortawesome/vue-fontawesome'
 import PortalVue from 'portal-vue'
 
-Vue.config.devtools = process.env.NODE_ENV === 'development'
-Vue.config.performance = process.env.NODE_ENV === 'development'
-Vue.config.productionTip = process.env.NODE_ENV === 'development'
-
 // Please keep the list of constants sorted by name
 // to avoid code conflict and duplicate entries
 library.add(
@@ -261,19 +257,23 @@ library.add(
 
 registerSwiper()
 
-Vue.component('FontAwesomeIcon', FontAwesomeIcon)
-Vue.component('FontAwesomeLayers', FontAwesomeLayers)
-Vue.directive('observe-visibility', ObserveVisibility)
+const app = createApp(App)
 
-/* eslint-disable-next-line no-new */
-new Vue({
-  el: '#app',
-  router,
-  store,
-  i18n,
-  render: h => h(App)
+app.config.performance = process.env.NODE_ENV === 'development'
+
+app
+  .component('FontAwesomeIcon', FontAwesomeIcon)
+  .component('FontAwesomeLayers', FontAwesomeLayers)
+  .directive('observe-visibility', ObserveVisibility)
+
+  .use(router)
+  .use(store)
+  .use(i18n)
+  .use(PortalVue)
+
+router.isReady().then(() => {
+  app.mount('#app')
 })
-Vue.use(PortalVue)
 
 // to avoid accessing electron api from web app build
 if (process.env.IS_ELECTRON) {
diff --git a/src/renderer/router/index.js b/src/renderer/router/index.js
index 9f953e60c..fee08abb3 100644
--- a/src/renderer/router/index.js
+++ b/src/renderer/router/index.js
@@ -1,5 +1,4 @@
-import Vue from 'vue'
-import Router from 'vue-router'
+import { createRouter, createWebHashHistory } from 'vue-router'
 import Subscriptions from '../views/Subscriptions/Subscriptions.vue'
 import SubscribedChannels from '../views/SubscribedChannels/SubscribedChannels.vue'
 import ProfileSettings from '../views/ProfileSettings/ProfileSettings.vue'
@@ -16,9 +15,8 @@ import Watch from '../views/Watch/Watch.vue'
 import Hashtag from '../views/Hashtag/Hashtag.vue'
 import Post from '../views/Post.vue'
 
-Vue.use(Router)
-
-const router = new Router({
+const router = createRouter({
+  history: createWebHashHistory(),
   routes: [
     {
       path: '/',
@@ -149,43 +147,11 @@ const router = new Router({
         if (savedPosition !== null) {
           resolve(savedPosition)
         } else {
-          resolve({ x: 0, y: 0 })
+          resolve({ left: 0, top: 0 })
         }
       }, 500)
     })
   }
 })
 
-const originalPush = router.push.bind(router)
-
-router.push = (location) => {
-  // only navigates if the location is not identical to the current location
-
-  const currentQueryUSP = new URLSearchParams(router.currentRoute.query)
-  let newPath = ''
-  let newQueryUSP = new URLSearchParams()
-
-  if (typeof location === 'string') {
-    if (location.includes('?')) {
-      const urlParts = location.split('?')
-      newPath = urlParts[0]
-      newQueryUSP = new URLSearchParams(urlParts[1])
-    } else {
-      newPath = location
-      // newQueryUSP already empty
-    }
-  } else {
-    newPath = location.path
-    newQueryUSP = new URLSearchParams(location.query)
-  }
-
-  const pathsAreDiff = router.currentRoute.path !== newPath
-  // Comparing `URLSearchParams` objects directly will always be different
-  const queriesAreDiff = newQueryUSP.toString() !== currentQueryUSP.toString()
-
-  if (pathsAreDiff || queriesAreDiff) {
-    return originalPush(location)
-  }
-}
-
 export default router
diff --git a/src/renderer/store/index.js b/src/renderer/store/index.js
index 48704fe43..681dfb3bb 100644
--- a/src/renderer/store/index.js
+++ b/src/renderer/store/index.js
@@ -1,5 +1,4 @@
-import Vue from 'vue'
-import Vuex from 'vuex'
+import { createStore } from 'vuex'
 // import createPersistedState from 'vuex-persistedstate'
 
 import history from './modules/history'
@@ -12,9 +11,7 @@ import subscriptionCache from './modules/subscription-cache'
 import utils from './modules/utils'
 import player from './modules/player'
 
-Vue.use(Vuex)
-
-export default new Vuex.Store({
+export default createStore({
   modules: {
     history,
     invidious,
diff --git a/src/renderer/store/modules/history.js b/src/renderer/store/modules/history.js
index b99b63a1c..dfd7c6831 100644
--- a/src/renderer/store/modules/history.js
+++ b/src/renderer/store/modules/history.js
@@ -1,4 +1,3 @@
-import { set as vueSet, del as vueDel } from 'vue'
 import { DBHistoryHandlers } from '../../../datastores/handlers/index'
 
 const state = {
@@ -125,7 +124,7 @@ const mutations = {
     }
 
     state.historyCacheSorted.unshift(record)
-    vueSet(state.historyCacheById, record.videoId, record)
+    state.historyCacheById[record.videoId] = record
   },
 
   updateRecordWatchProgressInHistoryCache(state, { videoId, watchProgress }) {
@@ -136,7 +135,7 @@ const mutations = {
 
     // Don't set, if the item was removed from the watch history, as we don't have any video details
     if (record) {
-      vueSet(record, 'watchProgress', watchProgress)
+      record.watchProgress = watchProgress
     }
   },
 
@@ -148,9 +147,9 @@ const mutations = {
 
     // Don't set, if the item was removed from the watch history, as we don't have any video details
     if (record) {
-      vueSet(record, 'lastViewedPlaylistId', lastViewedPlaylistId)
-      vueSet(record, 'lastViewedPlaylistType', lastViewedPlaylistType)
-      vueSet(record, 'lastViewedPlaylistItemId', lastViewedPlaylistItemId)
+      record.lastViewedPlaylistId = lastViewedPlaylistId
+      record.lastViewedPlaylistType = lastViewedPlaylistType
+      record.lastViewedPlaylistItemId = lastViewedPlaylistItemId
     }
   },
 
@@ -162,7 +161,7 @@ const mutations = {
       }
     }
 
-    vueDel(state.historyCacheById, videoId)
+    delete state.historyCacheById[videoId]
   }
 }
 
diff --git a/src/renderer/store/modules/player.js b/src/renderer/store/modules/player.js
index 13192944d..7b6d0fb64 100644
--- a/src/renderer/store/modules/player.js
+++ b/src/renderer/store/modules/player.js
@@ -1,4 +1,3 @@
-import { set as vueSet } from 'vue'
 import { createWebURL } from '../../helpers/utils'
 
 // replace with a Map after the Vue 3 and Pinia migrations
@@ -23,7 +22,7 @@ const actions = {
 
 const mutations = {
   addPlayerLocaleToCache(state, { locale, data }) {
-    vueSet(state.cachedPlayerLocales, locale, data)
+    state.cachedPlayerLocales[locale] = data
   }
 }
 
diff --git a/src/renderer/store/modules/settings.js b/src/renderer/store/modules/settings.js
index 720a571af..4b6b07cda 100644
--- a/src/renderer/store/modules/settings.js
+++ b/src/renderer/store/modules/settings.js
@@ -385,7 +385,7 @@ const sideEffectHandlers = {
 
     await Promise.allSettled(loadPromises)
 
-    i18n.locale = targetLocale
+    i18n.global.locale = targetLocale
     await dispatch('getRegionData', targetLocale)
   },
 
diff --git a/src/renderer/store/modules/utils.js b/src/renderer/store/modules/utils.js
index fa9daaec5..b8af1898a 100644
--- a/src/renderer/store/modules/utils.js
+++ b/src/renderer/store/modules/utils.js
@@ -1,5 +1,4 @@
 import i18n from '../../i18n/index'
-import { set as vueSet } from 'vue'
 
 import { DefaultFolderKind } from '../../../constants'
 import {
@@ -223,11 +222,11 @@ const actions = {
         }
 
         console.error(error)
-        showToast(i18n.t('Downloading failed', { videoTitle: title }))
+        showToast(i18n.global.t('Downloading failed', { videoTitle: title }))
         return
       }
 
-      showToast(i18n.t('Starting download', { videoTitle: title }))
+      showToast(i18n.global.t('Starting download', { videoTitle: title }))
 
       let writeableFileStream
 
@@ -238,20 +237,20 @@ const actions = {
           writeableFileStream = await handle.createWritable()
 
           await response.body.pipeTo(writeableFileStream, { preventClose: true })
-          showToast(i18n.t('Downloading has completed', { videoTitle: title }))
+          showToast(i18n.global.t('Downloading has completed', { videoTitle: title }))
         } else {
           throw new Error(`Bad status code: ${response.status}`)
         }
       } catch (error) {
         console.error(error)
-        showToast(i18n.t('Downloading failed', { videoTitle: title }))
+        showToast(i18n.global.t('Downloading failed', { videoTitle: title }))
       } finally {
         if (writeableFileStream) {
           await writeableFileStream.close()
         }
       }
     } else {
-      showToast(i18n.t('Starting download', { videoTitle: title }))
+      showToast(i18n.global.t('Starting download', { videoTitle: title }))
 
       try {
         const response = await fetch(url)
@@ -263,13 +262,13 @@ const actions = {
             await window.ftElectron.writeToDefaultFolder(DefaultFolderKind.DOWNLOADS, fileName, arrayBuffer)
           }
 
-          showToast(i18n.t('Downloading has completed', { videoTitle: title }))
+          showToast(i18n.global.t('Downloading has completed', { videoTitle: title }))
         } else {
           throw new Error(`Bad status code: ${response.status}`)
         }
       } catch (error) {
         console.error(error)
-        showToast(i18n.t('Downloading failed', { videoTitle: title }))
+        showToast(i18n.global.t('Downloading failed', { videoTitle: title }))
       }
     }
   },
@@ -295,11 +294,11 @@ const actions = {
     }
 
     if (parsedString !== replaceFilenameForbiddenChars(parsedString)) {
-      throw new Error(i18n.t('Settings.Player Settings.Screenshot.Error.Forbidden Characters'))
+      throw new Error(i18n.global.t('Settings.Player Settings.Screenshot.Error.Forbidden Characters'))
     }
 
     if (!parsedString) {
-      throw new Error(i18n.t('Settings.Player Settings.Screenshot.Error.Empty File Name'))
+      throw new Error(i18n.global.t('Settings.Player Settings.Screenshot.Error.Empty File Name'))
     }
 
     return parsedString
@@ -733,7 +732,7 @@ const actions = {
             args.push(cmdArgs.startOffset, Math.trunc(payload.watchProgress))
           }
         } else if (!ignoreWarnings) {
-          showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.starting video at offset'))
+          showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.starting video at offset'))
         }
       }
 
@@ -741,7 +740,7 @@ const actions = {
         if (typeof cmdArgs.playbackRate === 'string') {
           args.push(`${cmdArgs.playbackRate}${payload.playbackRate}`)
         } else if (!ignoreWarnings) {
-          showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.setting a playback rate'))
+          showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.setting a playback rate'))
         }
       }
 
@@ -751,7 +750,7 @@ const actions = {
           if (typeof cmdArgs.playlistIndex === 'string') {
             args.push(`${cmdArgs.playlistIndex}${payload.playlistIndex}`)
           } else if (!ignoreWarnings) {
-            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.opening specific video in a playlist (falling back to opening the video)'))
+            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.opening specific video in a playlist (falling back to opening the video)'))
           }
         }
 
@@ -759,7 +758,7 @@ const actions = {
           if (typeof cmdArgs.playlistReverse === 'string') {
             args.push(cmdArgs.playlistReverse)
           } else if (!ignoreWarnings) {
-            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.reversing playlists'))
+            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.reversing playlists'))
           }
         }
 
@@ -767,7 +766,7 @@ const actions = {
           if (typeof cmdArgs.playlistShuffle === 'string') {
             args.push(cmdArgs.playlistShuffle)
           } else if (!ignoreWarnings) {
-            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.shuffling playlists'))
+            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.shuffling playlists'))
           }
         }
 
@@ -775,7 +774,7 @@ const actions = {
           if (typeof cmdArgs.playlistLoop === 'string') {
             args.push(cmdArgs.playlistLoop)
           } else if (!ignoreWarnings) {
-            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.looping playlists'))
+            showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.looping playlists'))
           }
         }
 
@@ -787,7 +786,7 @@ const actions = {
         }
       } else {
         if (payload.playlistId != null && payload.playlistId !== '' && !ignoreWarnings) {
-          showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.t('Video.External Player.Unsupported Actions.opening playlists'))
+          showExternalPlayerUnsupportedActionToast(externalPlayer, i18n.global.t('Video.External Player.Unsupported Actions.opening playlists'))
         }
         if (payload.videoId != null) {
           args.push(`${cmdArgs.videoUrl}https://www.youtube.com/watch?v=${payload.videoId}`)
@@ -796,10 +795,10 @@ const actions = {
     }
 
     const videoOrPlaylist = payload.playlistId != null && payload.playlistId !== ''
-      ? i18n.t('Video.External Player.playlist')
-      : i18n.t('Video.External Player.video')
+      ? i18n.global.t('Video.External Player.playlist')
+      : i18n.global.t('Video.External Player.video')
 
-    showToast(i18n.t('Video.External Player.OpeningTemplate', { videoOrPlaylist, externalPlayer }))
+    showToast(i18n.global.t('Video.External Player.OpeningTemplate', { videoOrPlaylist, externalPlayer }))
 
     if (process.env.IS_ELECTRON) {
       window.ftElectron.openInExternalPlayer(executable, args)
@@ -836,14 +835,12 @@ const mutations = {
     const sameVideo = state.deArrowCache[payload.videoId]
 
     if (!sameVideo) {
-      // setting properties directly doesn't trigger watchers in Vue 2,
-      // so we need to use Vue's set function
-      vueSet(state.deArrowCache, payload.videoId, payload)
+      state.deArrowCache[payload.videoId] = payload
     }
   },
 
   addThumbnailToDeArrowCache (state, payload) {
-    vueSet(state.deArrowCache, payload.videoId, payload)
+    state.deArrowCache[payload.videoId] = payload
   },
 
   removeFromSessionSearchHistory (state, query) {
diff --git a/src/renderer/views/Channel/Channel.vue b/src/renderer/views/Channel/Channel.vue
index 3d25846a9..0ebdfa2a7 100644
--- a/src/renderer/views/Channel/Channel.vue
+++ b/src/renderer/views/Channel/Channel.vue
@@ -267,8 +267,7 @@ import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import autolinker from 'autolinker'
 import { computed, onMounted, ref, shallowRef, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { isNavigationFailure, NavigationFailureType } from 'vue-router'
-import { useRoute, useRouter } from 'vue-router/composables'
+import { isNavigationFailure, NavigationFailureType, useRoute, useRouter } from 'vue-router'
 import { YTNodes } from 'youtubei.js'
 
 import ChannelAbout from '../../components/ChannelAbout/ChannelAbout.vue'
@@ -2333,7 +2332,7 @@ function handleSubscription() {
 
 function filterWatchedArray(videos) {
   const historyCache = store.getters.getHistoryCacheById
-  return videos.filter(video => !Object.hasOwn(historyCache, video.videoId))
+  return videos.filter(video => historyCache[video.videoId] === undefined)
 }
 </script>
 
diff --git a/src/renderer/views/Hashtag/Hashtag.vue b/src/renderer/views/Hashtag/Hashtag.vue
index 9a5691a47..220497e8f 100644
--- a/src/renderer/views/Hashtag/Hashtag.vue
+++ b/src/renderer/views/Hashtag/Hashtag.vue
@@ -58,7 +58,7 @@ import FtFlexBox from '../../components/ft-flex-box/ft-flex-box.vue'
 import FtLoader from '../../components/FtLoader/FtLoader.vue'
 import FtAutoLoadNextPageWrapper from '../../components/FtAutoLoadNextPageWrapper.vue'
 import store from '../../store/index'
-import { useRoute } from 'vue-router/composables'
+import { useRoute } from 'vue-router'
 import packageDetails from '../../../../package.json'
 import { getHashtagLocal, parseLocalListVideo } from '../../helpers/api/local'
 import { copyToClipboard, showToast } from '../../helpers/utils'
diff --git a/src/renderer/views/History/History.vue b/src/renderer/views/History/History.vue
index a6f5d7430..78a2d39ad 100644
--- a/src/renderer/views/History/History.vue
+++ b/src/renderer/views/History/History.vue
@@ -84,8 +84,7 @@
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { isNavigationFailure, NavigationFailureType } from 'vue-router'
-import { useRoute, useRouter } from 'vue-router/composables'
+import { isNavigationFailure, NavigationFailureType, useRoute, useRouter } from 'vue-router'
 
 import FtAutoLoadNextPageWrapper from '../../components/FtAutoLoadNextPageWrapper.vue'
 import FtButton from '../../components/FtButton/FtButton.vue'
diff --git a/src/renderer/views/Playlist/Playlist.vue b/src/renderer/views/Playlist/Playlist.vue
index e1b9c3fd8..57a9afe39 100644
--- a/src/renderer/views/Playlist/Playlist.vue
+++ b/src/renderer/views/Playlist/Playlist.vue
@@ -159,8 +159,7 @@
 <script setup>
 import { computed, nextTick, onBeforeUnmount, onMounted, ref, shallowRef, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { isNavigationFailure, NavigationFailureType } from 'vue-router'
-import { onBeforeRouteLeave, useRoute, useRouter } from 'vue-router/composables'
+import { isNavigationFailure, NavigationFailureType, onBeforeRouteLeave, useRoute, useRouter } from 'vue-router'
 
 import FtLoader from '../../components/FtLoader/FtLoader.vue'
 import FtCard from '../../components/ft-card/ft-card.vue'
@@ -703,7 +702,7 @@ function moveVideoUp(videoId, playlistItemId) {
     playlistName: playlistTitle.value,
     protected: selectedUserPlaylist.value.protected,
     description: playlistDescription.value,
-    videos: playlistItems_,
+    videos: deepCopy(playlistItems_),
     _id: playlistId.value
   }
 
@@ -738,7 +737,7 @@ function moveVideoDown(videoId, playlistItemId) {
     playlistName: playlistTitle.value,
     protected: selectedUserPlaylist.value.protected,
     description: playlistDescription.value,
-    videos: playlistItems_,
+    videos: deepCopy(playlistItems_),
     _id: playlistId.value
   }
 
@@ -797,7 +796,8 @@ async function removeToBeDeletedVideosSometimes() {
   if (toBeDeletedPlaylistItemIds.value.length > 0) {
     await store.dispatch('removeVideos', {
       _id: playlistId.value,
-      playlistItemIds: toBeDeletedPlaylistItemIds.value,
+      // Create a new non-reactive array to avoid Electron erroring about Proxy objects not being clonable
+      playlistItemIds: [...toBeDeletedPlaylistItemIds.value],
     })
 
     toBeDeletedPlaylistItemIds.value = []
@@ -880,7 +880,7 @@ onBeforeUnmount(() => {
   window.removeEventListener('resize', handleResize)
 })
 
-onBeforeRouteLeave((to, from, next) => {
+onBeforeRouteLeave((to) => {
   if (!isLoading.value && to.path.startsWith('/watch') && to.query.playlistId === playlistId.value) {
     store.commit('setCachedPlaylist', {
       id: playlistId.value,
@@ -895,7 +895,6 @@ onBeforeRouteLeave((to, from, next) => {
   }
 
   removeToBeDeletedVideosSometimes()
-  next()
 })
 </script>
 
diff --git a/src/renderer/views/Post.vue b/src/renderer/views/Post.vue
index dbe359f2c..be012de33 100644
--- a/src/renderer/views/Post.vue
+++ b/src/renderer/views/Post.vue
@@ -27,7 +27,7 @@
 
 <script setup>
 import { computed, onMounted, ref, shallowRef, watch } from 'vue'
-import { useRoute, useRouter } from 'vue-router/composables'
+import { useRoute, useRouter } from 'vue-router'
 import packageDetails from '../../../package.json'
 import { useI18n } from '../composables/use-i18n-polyfill'
 
diff --git a/src/renderer/views/SearchPage/SearchPage.vue b/src/renderer/views/SearchPage/SearchPage.vue
index 0d396344e..f0fe96271 100644
--- a/src/renderer/views/SearchPage/SearchPage.vue
+++ b/src/renderer/views/SearchPage/SearchPage.vue
@@ -41,7 +41,7 @@
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { computed, onMounted, ref, shallowRef, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { useRoute } from 'vue-router/composables'
+import { useRoute } from 'vue-router'
 
 import FtLoader from '../../components/FtLoader/FtLoader.vue'
 import FtCard from '../../components/ft-card/ft-card.vue'
diff --git a/src/renderer/views/Settings/Settings.js b/src/renderer/views/Settings/Settings.js
index 837bbcce6..3da80d942 100644
--- a/src/renderer/views/Settings/Settings.js
+++ b/src/renderer/views/Settings/Settings.js
@@ -177,7 +177,7 @@ export default defineComponent({
       this.handleMounted()
     }
   },
-  beforeDestroy: function () {
+  beforeUnmount: function () {
     document.removeEventListener('scroll', this.markScrolledToSectionAsActive)
     window.removeEventListener('resize', this.handleResize)
   },
diff --git a/src/renderer/views/Settings/Settings.vue b/src/renderer/views/Settings/Settings.vue
index 5b673c570..6c64039e5 100644
--- a/src/renderer/views/Settings/Settings.vue
+++ b/src/renderer/views/Settings/Settings.vue
@@ -39,11 +39,11 @@
         <div class="settingsSections">
           <template
             v-for="(settingsComponent) in settingsSectionComponents"
+            :key="settingsComponent.type"
           >
             <component
               :is="settingsComponent.type"
               :ref="settingsComponent.type"
-              :key="settingsComponent.type"
               :class="{ hideOnMobile: settingsSectionTypeOpenInMobile !== settingsComponent.type }"
               class="section"
             />
diff --git a/src/renderer/views/SubscribedChannels/SubscribedChannels.vue b/src/renderer/views/SubscribedChannels/SubscribedChannels.vue
index 853f7ec7d..170c06c7a 100644
--- a/src/renderer/views/SubscribedChannels/SubscribedChannels.vue
+++ b/src/renderer/views/SubscribedChannels/SubscribedChannels.vue
@@ -83,8 +83,7 @@
 <script setup>
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { computed, onMounted, onBeforeUnmount, ref, watch } from 'vue'
-import { isNavigationFailure, NavigationFailureType } from 'vue-router'
-import { useRoute, useRouter } from 'vue-router/composables'
+import { isNavigationFailure, NavigationFailureType, useRoute, useRouter } from 'vue-router'
 import FtCard from '../../components/ft-card/ft-card.vue'
 import FtFlexBox from '../../components/ft-flex-box/ft-flex-box.vue'
 import FtInput from '../../components/ft-input/ft-input.vue'
diff --git a/src/renderer/views/Subscriptions/Subscriptions.vue b/src/renderer/views/Subscriptions/Subscriptions.vue
index c6bd420dd..1ea1400fc 100644
--- a/src/renderer/views/Subscriptions/Subscriptions.vue
+++ b/src/renderer/views/Subscriptions/Subscriptions.vue
@@ -20,7 +20,7 @@
           ref="videosTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'videos')"
+          :aria-selected="currentTab === 'videos'"
           aria-controls="subscriptionsPanel"
           :tabindex="currentTab === 'videos' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'videos' }"
@@ -41,7 +41,7 @@
           ref="shortsTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'shorts')"
+          :aria-selected="currentTab === 'shorts'"
           aria-controls="subscriptionsPanel"
           :tabindex="currentTab === 'shorts' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'shorts' }"
@@ -62,7 +62,7 @@
           ref="liveTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'live')"
+          :aria-selected="currentTab === 'live'"
           aria-controls="subscriptionsPanel"
           :tabindex="currentTab === 'live' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'live' }"
@@ -83,7 +83,7 @@
           ref="communityTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'community')"
+          :aria-selected="currentTab === 'community'"
           aria-controls="subscriptionsPanel"
           :tabindex="currentTab === 'community' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'community' }"
diff --git a/src/renderer/views/Trending/Trending.vue b/src/renderer/views/Trending/Trending.vue
index 9b27cbef9..9cfd65152 100644
--- a/src/renderer/views/Trending/Trending.vue
+++ b/src/renderer/views/Trending/Trending.vue
@@ -21,7 +21,7 @@
           ref="defaultTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'default')"
+          :aria-selected="currentTab === 'default'"
           aria-controls="trendingPanel"
           :tabindex="currentTab === 'default' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'default' }"
@@ -42,7 +42,7 @@
           ref="musicTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'music')"
+          :aria-selected="currentTab === 'music'"
           aria-controls="trendingPanel"
           :tabindex="currentTab === 'music' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'music' }"
@@ -63,7 +63,7 @@
           ref="gamingTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'gaming')"
+          :aria-selected="currentTab === 'gaming'"
           aria-controls="trendingPanel"
           :tabindex="currentTab === 'gaming' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'gaming' }"
@@ -84,7 +84,7 @@
           ref="moviesTab"
           class="tab"
           role="tab"
-          :aria-selected="String(currentTab === 'movies')"
+          :aria-selected="currentTab === 'movies'"
           aria-controls="trendingPanel"
           :tabindex="currentTab === 'movies' ? 0 : -1"
           :class="{ selectedTab: currentTab === 'movies' }"
diff --git a/src/renderer/views/UserPlaylists/UserPlaylists.vue b/src/renderer/views/UserPlaylists/UserPlaylists.vue
index 63ac68832..d0a2a6e33 100644
--- a/src/renderer/views/UserPlaylists/UserPlaylists.vue
+++ b/src/renderer/views/UserPlaylists/UserPlaylists.vue
@@ -99,8 +99,7 @@
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useI18n } from '../../composables/use-i18n-polyfill'
-import { isNavigationFailure, NavigationFailureType } from 'vue-router'
-import { useRoute, useRouter } from 'vue-router/composables'
+import { isNavigationFailure, NavigationFailureType, useRoute, useRouter } from 'vue-router'
 
 import FtAutoLoadNextPageWrapper from '../../components/FtAutoLoadNextPageWrapper.vue'
 import FtButton from '../../components/FtButton/FtButton.vue'
diff --git a/src/renderer/views/Watch/Watch.js b/src/renderer/views/Watch/Watch.js
index 3821376d2..932aa956a 100644
--- a/src/renderer/views/Watch/Watch.js
+++ b/src/renderer/views/Watch/Watch.js
@@ -1372,7 +1372,7 @@ export default defineComponent({
         showToast(
           ({ remainingMs }) => {
             const countDownTimeLeftInSecond = remainingMs / 1000
-            return this.$tc('Playing Next Video Interval', countDownTimeLeftInSecond, { nextVideoInterval: countDownTimeLeftInSecond })
+            return this.$t('Playing Next Video Interval', { nextVideoInterval: countDownTimeLeftInSecond }, countDownTimeLeftInSecond)
           },
           // So that we don't see last countdown text like 0/N
           nextVideoInterval * 1000,
diff --git a/static/locales/af.yaml b/static/locales/af.yaml
index b83450c10..eace25789 100644
--- a/static/locales/af.yaml
+++ b/static/locales/af.yaml
@@ -867,7 +867,7 @@ Video:
       Stats: 'Statistieke'
       Video ID: 'Video ID: {videoId}'
       Media Formats: 'Mediaformate: {formats}'
-      Resolution: 'Resolusie: {width}x{height}@{frameRate}'
+      Resolution: 'Resolusie: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Spelerdimensies: {width}x{height}'
       Bitrate: 'Bistempo: {bitrate} kbps'
       Volume: 'Volume: {volumePercentage}%'
diff --git a/static/locales/ar.yaml b/static/locales/ar.yaml
index 2365bf90a..56c096450 100644
--- a/static/locales/ar.yaml
+++ b/static/locales/ar.yaml
@@ -833,7 +833,7 @@ Video:
       CodecsVideoAudio: 'برامج الترميز: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       Stats: الاحصائيات
       Video ID: 'معرف الفيديو: {videoId}'
-      Resolution: 'الدقة: {width}x{height}@{frameRate}'
+      Resolution: 'الدقة: {width}x{height}{''@''}{frameRate}'
       Bandwidth: 'عرض النطاق الترددي: {bandwidth} كيلوبت في الثانية'
     Skipped segment: تم تخطي شريحة {segmentCategory}
     Theatre Mode: وضع المسرح
diff --git a/static/locales/be.yaml b/static/locales/be.yaml
index 4dc3d5074..0a3300eb2 100644
--- a/static/locales/be.yaml
+++ b/static/locales/be.yaml
@@ -845,7 +845,7 @@ Video:
       Player Dimensions: 'Памеры прайгравальніка: {width}x{height}'
       Bitrate: 'Бітрэйт: {bitrate} кбіт/с'
       Buffered: 'Буферызавана: {bufferedPercentage}%'
-      Resolution: 'Раздзяляльнасць: {width}x{height}@{frameRate}'
+      Resolution: 'Раздзяляльнасць: {width}x{height}{''@''}{frameRate}'
       Dropped Frames / Total Frames: 'Прапушчаныя кадры: {droppedFrames} / Усяго кадраў: {totalFrames}'
       CodecsVideoAudio: 'Кодэкі: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       CodecsVideoAudioNoItags: 'Кодэкі: {videoCodec} / {audioCodec}'
diff --git a/static/locales/bg.yaml b/static/locales/bg.yaml
index 940cea438..226b69c1d 100644
--- a/static/locales/bg.yaml
+++ b/static/locales/bg.yaml
@@ -842,7 +842,7 @@ Video:
       CodecAudio: 'Кодек: {audioCodec} ({audioItag})'
       CodecsVideoAudio: 'Кодеци: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       CodecsVideoAudioNoItags: 'Кодеци: {videoCodec} / {audioCodec}'
-      Resolution: 'Разделителна способност: {width}x{height}@{frameRate}'
+      Resolution: 'Разделителна способност: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Размери на плейъра: {width}x{height}'
       Bitrate: 'Скорост на предаване: {bitrate} kbps'
       Dropped Frames / Total Frames: 'Изпуснати кадри: {droppedFrames} / Общо кадри: {totalFrames}'
diff --git a/static/locales/br.yaml b/static/locales/br.yaml
index b02c59a98..02313937d 100644
--- a/static/locales/br.yaml
+++ b/static/locales/br.yaml
@@ -903,7 +903,7 @@ Video:
       Stats: 'Stadegoù'
       Video ID: 'ID ar Video : {videoId}'
       Media Formats: 'Furmadoù ar media : {formats}'
-      Resolution: 'Spisder : {width}x{height}@{frameRate}'
+      Resolution: 'Spisder : {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Ment al lenner : {width}x{height}'
       Bitrate: 'Fonnder bit : {bitrate} kbps'
       Volume: 'Live-son : {volumePercentage}%'
diff --git a/static/locales/cs.yaml b/static/locales/cs.yaml
index 86bcddfc7..8e8f86373 100644
--- a/static/locales/cs.yaml
+++ b/static/locales/cs.yaml
@@ -835,7 +835,7 @@ Video:
       Stats: Statistiky
       Video ID: 'ID videa: {videoId}'
       Media Formats: 'Formáty médií: {formats}'
-      Resolution: 'Rozlišení: {width}x{height}@{frameRate}'
+      Resolution: 'Rozlišení: {width}x{height}{''@''}{frameRate}'
       Bandwidth: 'Šířka pásma: {bandwidth} kb/s'
       Buffered: 'Načteno: {bufferedPercentage} %'
       Dropped Frames / Total Frames: 'Vypuštěno snímků: {droppedFrames} / Celkem snímků: {totalFrames}'
diff --git a/static/locales/cy.yaml b/static/locales/cy.yaml
index c7bc07f66..e9fca229c 100644
--- a/static/locales/cy.yaml
+++ b/static/locales/cy.yaml
@@ -844,7 +844,7 @@ Video:
   Player:
     Take Screenshot: Tynnu Llun Sgrin
     Stats:
-      Resolution: 'Cydraniad: {width}x{height}@{frameRate}'
+      Resolution: 'Cydraniad: {width}x{height}{''@''}{frameRate}'
       Bitrate: 'Cyfradd didau: {bitrate} kbps'
       Bandwidth: 'Lled band: {bandwidth} kbps'
       Buffered: 'Byffrwyd: {bufferedPercentage}%'
diff --git a/static/locales/da.yaml b/static/locales/da.yaml
index cdd61446a..79bc4bde6 100644
--- a/static/locales/da.yaml
+++ b/static/locales/da.yaml
@@ -817,7 +817,7 @@ Video:
     Stats:
       Video ID: 'Video-ID: {videoId}'
       Media Formats: 'Medieformater: {formats}'
-      Resolution: 'Opløsning: {width}x{height}@{frameRate}'
+      Resolution: 'Opløsning: {width}x{height}{''@''}{frameRate}'
       Bandwidth: 'Båndbredde: {bandwidth} kbps'
       Stats: Statistik
       Bitrate: 'Bitrate: {bitrate} kbps'
diff --git a/static/locales/de-DE.yaml b/static/locales/de-DE.yaml
index c63ee39a9..77e25d40f 100644
--- a/static/locales/de-DE.yaml
+++ b/static/locales/de-DE.yaml
@@ -791,7 +791,7 @@ Video:
       Stats: Statistiken
       Video ID: 'Videokennung (ID): {videoId}'
       Media Formats: 'Medienformate: {formats}'
-      Resolution: 'Auflösung: {width}×{height}@{frameRate}'
+      Resolution: 'Auflösung: {width}×{height}{''@''}{frameRate}'
       Player Dimensions: 'Player-Dimensionen: {width}×{height}'
       Bitrate: 'Bitrate: {bitrate} kb/s'
       Volume: 'Lautstärke: {volumePercentage} %'
diff --git a/static/locales/el.yaml b/static/locales/el.yaml
index c21c2aa69..b5182804c 100644
--- a/static/locales/el.yaml
+++ b/static/locales/el.yaml
@@ -831,7 +831,7 @@ Video:
       CodecsVideoAudioNoItags: 'Κωδικοποιητές: {videoCodec} / {audioCodec}'
       CodecAudio: 'Κωδικοποιητής: {audioCodec} ({audioItag})'
       Bitrate: 'Ρυθμός μετάδοσης δεδομένων: {bitrate} kbps'
-      Resolution: 'Διαστάσεις: {width}x{height}@{frameRate}'
+      Resolution: 'Διαστάσεις: {width}x{height}{''@''}{frameRate}'
       Buffered: 'Αποθηκευμένη: {bufferedPercentage}%'
     Theatre Mode: Λειτουργία Θεάτρου
     Full Window: Πλήρες Παράθυρο
diff --git a/static/locales/en-GB.yaml b/static/locales/en-GB.yaml
index e8c597367..f3ebfbe4d 100644
--- a/static/locales/en-GB.yaml
+++ b/static/locales/en-GB.yaml
@@ -841,7 +841,7 @@ Video:
       Stats: Stats
       Video ID: 'Video ID: {videoId}'
       Media Formats: 'Media formats: {formats}'
-      Resolution: 'Resolution: {width}×{height}@{frameRate}'
+      Resolution: 'Resolution: {width}×{height}{''@''}{frameRate}'
       Player Dimensions: 'Player dimensions: {width}×{height}'
       Bitrate: 'Bitrate: {bitrate} kb/s'
       Volume: 'Volume: {volumePercentage}%'
diff --git a/static/locales/en-US.yaml b/static/locales/en-US.yaml
index f7f81e1cf..d28505a61 100644
--- a/static/locales/en-US.yaml
+++ b/static/locales/en-US.yaml
@@ -931,7 +931,7 @@ Video:
       Stats: Stats
       Video ID: 'Video ID: {videoId}'
       Media Formats: 'Media Formats: {formats}'
-      Resolution: 'Resolution: {width}x{height}@{frameRate}'
+      Resolution: 'Resolution: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Player Dimensions: {width}x{height}'
       Bitrate: 'Bitrate: {bitrate} kbps'
       Volume: 'Volume: {volumePercentage}%'
diff --git a/static/locales/es.yaml b/static/locales/es.yaml
index 7042af4ca..0851fb099 100644
--- a/static/locales/es.yaml
+++ b/static/locales/es.yaml
@@ -832,7 +832,7 @@ Video:
       Stats: Estadísticas
       Video ID: 'ID del vídeo: {videoId}'
       Media Formats: 'Formatos del medio: {formats}'
-      Resolution: 'Resolución: {width}x{height}@{frameRate}'
+      Resolution: 'Resolución: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensiones del reproductor: {width}x{height}'
       Bitrate: 'Tasa de bits: {bitrate} kbps'
       Volume: 'Volumen: {volumePercentage}%'
diff --git a/static/locales/et.yaml b/static/locales/et.yaml
index 9119d8f12..b06cb02db 100644
--- a/static/locales/et.yaml
+++ b/static/locales/et.yaml
@@ -843,7 +843,7 @@ Video:
       CodecsVideoAudio: 'Koodekid: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       CodecsVideoAudioNoItags: 'Koodekid: {videoCodec} / {audioCodec}'
       Stats: Statistika
-      Resolution: 'Mõõdud ja kaadrisagedus: {width}x{height}@{frameRate}'
+      Resolution: 'Mõõdud ja kaadrisagedus: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Meediamängija mõõdud: {width}x{height}'
       Dropped Frames / Total Frames: 'Vahelejäetud kaadreid: {droppedFrames} / Kaadreid kokku: {totalFrames}'
     Skipped segment: Vahelejäetud {segmentCategory} segment
diff --git a/static/locales/eu.yaml b/static/locales/eu.yaml
index 697aa03e0..23964df58 100644
--- a/static/locales/eu.yaml
+++ b/static/locales/eu.yaml
@@ -837,7 +837,7 @@ Video:
       Dropped Frames / Total Frames: 'Jaregindako fotogramak: {droppedFrames} / Total Frames: {totalFrames}'
       Volume: 'Bolumena: {volumePercentage}%'
       CodecsVideoAudio: 'Kodekak: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
-      Resolution: 'Bereizmena: {width}x{height}@{frameRate}'
+      Resolution: 'Bereizmena: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Erreproduzigailuaren neurriak: {width}x{height}'
       Bitrate: 'Bit-emaria: {bitrate} kbps'
       CodecsVideoAudioNoItags: 'Kodekak: {videoCodec} / {audioCodec}'
diff --git a/static/locales/fa.yaml b/static/locales/fa.yaml
index 5e0ae4c3f..ba8bb3ecb 100644
--- a/static/locales/fa.yaml
+++ b/static/locales/fa.yaml
@@ -738,7 +738,7 @@ Video:
       Video ID: 'شناسه ویدئو: {videoId}'
       Media Formats: 'فرمت ویدئو: {formats}'
       Stats: اطلاعات
-      Resolution: 'وضوح: {width}x{height}@{frameRate}'
+      Resolution: 'وضوح: {width}x{height}{''@''}{frameRate}'
       Bandwidth: 'پهنای باند: {bandwidth} کیلوبیت‌بر‌ثانیه'
       Player Dimensions: 'ابعاد پخش کننده: {width}x{height}'
       Bitrate: 'نرخ بیت: {bitrate} کیلوبیت‌بر‌ثانیه'
diff --git a/static/locales/fr-FR.yaml b/static/locales/fr-FR.yaml
index 17f03a763..d950cdad1 100644
--- a/static/locales/fr-FR.yaml
+++ b/static/locales/fr-FR.yaml
@@ -789,7 +789,7 @@ Video:
       Stats: Stats
       Video ID: 'Identifiant de la vidéo : {videoId}'
       Media Formats: 'Formats du média : {formats}'
-      Resolution: 'Résolution : {width}×{height}@{frameRate}'
+      Resolution: 'Résolution : {width}×{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensions du lecteur : {width}×{height}'
       Volume: 'Volume : {volumePercentage} %'
       Bandwidth: 'Bande passante : {bandwidth} kb/s'
diff --git a/static/locales/he.yaml b/static/locales/he.yaml
index 3c23c1a19..feea44269 100644
--- a/static/locales/he.yaml
+++ b/static/locales/he.yaml
@@ -835,7 +835,7 @@ Video:
     Show Stats: הצג נתונים
     Stats:
       Video ID: 'ID סרטון: {videoId}'
-      Resolution: 'רזולוציה: {height}‎‏x‏{width}@{frameRate}'
+      Resolution: 'רזולוציה: {height}‎‏x‏{width}{''@''}{frameRate}'
       Stats: נתונים
       Media Formats: 'פורמטים מדיה: {formats}'
       Player Dimensions: 'ממדי הנגן: {height}x‏{width}'
diff --git a/static/locales/hr.yaml b/static/locales/hr.yaml
index 7f531305b..7e2d3715e 100644
--- a/static/locales/hr.yaml
+++ b/static/locales/hr.yaml
@@ -827,7 +827,7 @@ Video:
       Stats: Statistika
       CodecsVideoAudio: 'Kodeci: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       Bitrate: 'Brzina: {bitrate} kbps'
-      Resolution: 'Rezolucija: {width}x{height}@{frameRate}'
+      Resolution: 'Rezolucija: {width}x{height}{''@''}{frameRate}'
       CodecsVideoAudioNoItags: 'Kodeci: {videoCodec} / {audioCodec}'
       Volume: 'Glasnoća: {volumePercentage}%'
       Video ID: 'ID videa: {videoId}'
diff --git a/static/locales/hu.yaml b/static/locales/hu.yaml
index eef5da2e7..86df0d244 100644
--- a/static/locales/hu.yaml
+++ b/static/locales/hu.yaml
@@ -846,7 +846,7 @@ Video:
       CodecAudio: 'Kodek: {audioCodec} ({audioItag})'
       CodecsVideoAudioNoItags: 'Kodekek: {videoCodec} / {audioCodec}'
       Dropped Frames / Total Frames: 'Kihagyott képkockák: {droppedFrames} / Összes képkocka: {totalFrames}'
-      Resolution: 'Felbontás: {width}x{height}@{frameRate}'
+      Resolution: 'Felbontás: {width}x{height}{''@''}{frameRate}'
       CodecsVideoAudio: 'Kodekek: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
     You appear to be offline: Úgy tűnik, hogy jelenleg nem kapcsolódsz a hálózathoz.
     Skipped segment: Kihagyott {segmentCategory} szakasz
diff --git a/static/locales/id.yaml b/static/locales/id.yaml
index 5963c8fa7..0e45cd626 100644
--- a/static/locales/id.yaml
+++ b/static/locales/id.yaml
@@ -839,7 +839,7 @@ Video:
       Dropped Frames / Total Frames: 'Frame yang Dihilangkan: {droppedFrames} / Jumlah Frame: {totalFrames}'
       Media Formats: 'Format Media: {formats}'
       CodecsVideoAudio: 'Kodek: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
-      Resolution: 'Resolusi: {width}x{height}@{frameRate}'
+      Resolution: 'Resolusi: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensi Pemain: {width}x{height}'
       Stats: Statistik
       Bandwidth: 'bandwidth: {bandwidth} kbps'
diff --git a/static/locales/is.yaml b/static/locales/is.yaml
index c37d15786..93c538612 100644
--- a/static/locales/is.yaml
+++ b/static/locales/is.yaml
@@ -830,7 +830,7 @@ Video:
     Stats:
       Player Dimensions: 'Stærðir spilara: {width}x{height}'
       Bitrate: 'Bitahraði: {bitrate} kbps'
-      Resolution: 'Upplausn: {width}x{height}@{frameRate}'
+      Resolution: 'Upplausn: {width}x{height}{''@''}{frameRate}'
       Volume: 'Hljóðstyrkur: {volumePercentage}%'
       Stats: Tölfræði
       Bandwidth: 'Bandbreidd: {bandwidth} kbps'
diff --git a/static/locales/it.yaml b/static/locales/it.yaml
index c5c3f6f23..aa222518e 100644
--- a/static/locales/it.yaml
+++ b/static/locales/it.yaml
@@ -789,7 +789,7 @@ Video:
     Show Stats: Mostra statistiche
     Stats:
       Media Formats: 'Formati multimediali: {formats}'
-      Resolution: 'Risoluzione: {width}×{height}@{frameRate}'
+      Resolution: 'Risoluzione: {width}×{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensioni del lettore: {width}×{height}'
       Stats: Statistiche
       Video ID: 'ID video: {videoId}'
diff --git a/static/locales/ja.yaml b/static/locales/ja.yaml
index 9597c0110..c098fdcb6 100644
--- a/static/locales/ja.yaml
+++ b/static/locales/ja.yaml
@@ -785,7 +785,7 @@ Video:
       CodecsVideoAudioNoItags: 'コーデック： {videoCodec} / {audioCodec}'
       Video ID: '動画 ID： {videoId}'
       Media Formats: 'メディア形式： {formats}'
-      Resolution: '解像度： {width}x{height}@{frameRate}'
+      Resolution: '解像度： {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'プレーヤーの寸法： {width}x{height}'
       Bitrate: 'ビットレート： {bitrate} kbps'
       Volume: '音量： {volumePercentage}%'
diff --git a/static/locales/nb-NO.yaml b/static/locales/nb-NO.yaml
index e2bb900b7..f560f4f23 100644
--- a/static/locales/nb-NO.yaml
+++ b/static/locales/nb-NO.yaml
@@ -786,7 +786,7 @@ Video:
       Media Formats: 'Medieformater: {formats}'
       Buffered: 'Bufret: {bufferedPercentage}%'
       Volume: 'Lydstyrke: {volumePercentage}%'
-      Resolution: 'Oppløsning: {width}x{height}@{frameRate}'
+      Resolution: 'Oppløsning: {width}x{height}{''@''}{frameRate}'
       Stats: Statistikk
       CodecAudio: 'Kodek: {audioCodec} ({audioItag})'
       CodecsVideoAudio: 'Kodeker: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
diff --git a/static/locales/nl.yaml b/static/locales/nl.yaml
index a73abfb69..8126d5438 100644
--- a/static/locales/nl.yaml
+++ b/static/locales/nl.yaml
@@ -787,7 +787,7 @@ Video:
     Show Stats: Statistieken Weergeven
     Take Screenshot: Schermopname Maken
     Stats:
-      Resolution: 'Resolutie: {width}x{height}@{frameRate}'
+      Resolution: 'Resolutie: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Speler Groote: {width}x{height}'
       CodecsVideoAudioNoItags: 'Codecs: {videoCodec} / {audioCodec}'
       Bitrate: 'Bitrate: {bitrate} kbps'
diff --git a/static/locales/pl.yaml b/static/locales/pl.yaml
index 1a51b8ea0..3d79f808e 100644
--- a/static/locales/pl.yaml
+++ b/static/locales/pl.yaml
@@ -800,7 +800,7 @@ Video:
       CodecsVideoAudio: 'Kodeki: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       CodecsVideoAudioNoItags: 'Kodeki: {videoCodec} / {audioCodec}'
       Media Formats: 'Formaty ścieżek: {formats}'
-      Resolution: 'Rozdzielczość: {width}x{height}@{frameRate}'
+      Resolution: 'Rozdzielczość: {width}x{height}{''@''}{frameRate}'
     You appear to be offline: Zdaje się, że jesteś rozłączony.
     Playback will resume automatically when your connection comes back: Odtwarzanie zostanie wznowione, jak tylko połączenie zostanie odzyskane.
     Skipped segment: Pominięto segment {segmentCategory}
diff --git a/static/locales/pt-BR.yaml b/static/locales/pt-BR.yaml
index 7fe00a84d..29d08b912 100644
--- a/static/locales/pt-BR.yaml
+++ b/static/locales/pt-BR.yaml
@@ -788,7 +788,7 @@ Video:
       Stats: Estatísticas
       Video ID: 'ID do vídeo: {videoId}'
       Media Formats: 'Formatos de mídia: {formats}'
-      Resolution: 'Resolução: {width}x{height}@{frameRate}'
+      Resolution: 'Resolução: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensões do player: {width}x{height}'
       Bitrate: 'Taxa de bits: {bitrate} kbps'
       Volume: 'Volume: {volumePercentage}%'
diff --git a/static/locales/pt-PT.yaml b/static/locales/pt-PT.yaml
index f5ad13fbd..0db49aa6b 100644
--- a/static/locales/pt-PT.yaml
+++ b/static/locales/pt-PT.yaml
@@ -837,7 +837,7 @@ Video:
       Stats: Estatísticas
       Dropped Frames / Total Frames: 'Fotogramas eliminados: {droppedFrames} / Total de fotogramas: {totalFrames}'
       CodecAudio: 'Codificador: {audioCodec} ({audioItag})'
-      Resolution: 'Resolução: {width}x{height}@{frameRate}'
+      Resolution: 'Resolução: {width}x{height}{''@''}{frameRate}'
       Volume: 'Volume: {volumePercentage}%'
       Bandwidth: 'Largura de banda: {bandwidth} kbps'
       Buffered: 'Armazenado em buffer: {bufferedPercentage}%'
diff --git a/static/locales/pt.yaml b/static/locales/pt.yaml
index ea847400b..e3f0a52ad 100644
--- a/static/locales/pt.yaml
+++ b/static/locales/pt.yaml
@@ -836,7 +836,7 @@ Video:
       Bitrate: Taxa de dados :{bitrate} kbps
       Volume: 'Volume: {volumePercentage}%'
       Bandwidth: 'Largura de banda: {bandwidth} kbps'
-      Resolution: 'Resolução: {width}x{height}@{frameRate}'
+      Resolution: 'Resolução: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensões do reprodutor: {width}x{height}'
       Stats: Estatísticas
       Video ID: 'ID do vídeo: {videoId}'
diff --git a/static/locales/ro.yaml b/static/locales/ro.yaml
index 83c83856f..f26dd7bf3 100644
--- a/static/locales/ro.yaml
+++ b/static/locales/ro.yaml
@@ -830,7 +830,7 @@ Video:
     Autoplay is on: Redarea automată este pornită
     Take Screenshot: Faceți o captură de ecran
     Stats:
-      Resolution: 'Rezoluție: {width}x{height}@{frameRate}'
+      Resolution: 'Rezoluție: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Dimensiuni player: {width}x{height}'
       Dropped Frames / Total Frames: 'Cadre eliminate: {droppedFrames} / Total cadre: {totalFrames}'
       CodecsVideoAudio: 'Codecuri: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
diff --git a/static/locales/ru.yaml b/static/locales/ru.yaml
index b5cd7cf74..ad5eaa7c6 100644
--- a/static/locales/ru.yaml
+++ b/static/locales/ru.yaml
@@ -789,7 +789,7 @@ Video:
       Buffered: 'Буферизовано: {bufferedPercentage}%'
       Dropped Frames / Total Frames: 'Пропущенные кадры: {droppedFrames} / Всего кадров: {totalFrames}'
       CodecsVideoAudio: 'Кодеки: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
-      Resolution: 'Разрешение: {width}x{height}@{frameRate}'
+      Resolution: 'Разрешение: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Разрешение проигрывателя: {width}x{height}'
       Bitrate: 'Битрейт: {bitrate} кбит/с'
       Volume: 'Громкость: {volumePercentage}%'
diff --git a/static/locales/sr.yaml b/static/locales/sr.yaml
index 214dc30a7..a289d203d 100644
--- a/static/locales/sr.yaml
+++ b/static/locales/sr.yaml
@@ -833,7 +833,7 @@ Video:
     Stats:
       Video ID: 'ID видеа: {videoId}'
       Media Formats: 'Формат медија: {formats}'
-      Resolution: 'Резолуција: {width}x{height}@{frameRate}'
+      Resolution: 'Резолуција: {width}x{height}{''@''}{frameRate}'
       Volume: 'Волумен: {volumePercentage}%'
       Stats: Статистика
       Dropped Frames / Total Frames: 'Испуштени кадрови: {droppedFrames} / Укупан број кадрова: {totalFrames}'
diff --git a/static/locales/sv.yaml b/static/locales/sv.yaml
index 3e5c0fcad..e0abf336c 100644
--- a/static/locales/sv.yaml
+++ b/static/locales/sv.yaml
@@ -837,7 +837,7 @@ Video:
       Bandwidth: 'Bandbredd: {bandwidth} kbps'
       Buffered: 'Buffrad: {bufferedPercentage} %'
       CodecsVideoAudioNoItags: 'Kodekar: {videoCodec} / {audioCodec}'
-      Resolution: 'Upplösning: {width}x{height}@{frameRate}'
+      Resolution: 'Upplösning: {width}x{height}{''@''}{frameRate}'
       Stats: Statistik
       Bitrate: 'Bithastighet: {bitrate} kbps'
       Volume: 'Volym: {volumePercentage}%'
diff --git a/static/locales/ta.yaml b/static/locales/ta.yaml
index 358c6befd..9d0840ad8 100644
--- a/static/locales/ta.yaml
+++ b/static/locales/ta.yaml
@@ -921,7 +921,7 @@ Video:
       Stats: 'புள்ளிவிவரங்கள்'
       Video ID: 'வீடியோ ஐடி: {videoId}'
       Media Formats: 'ஊடக வடிவங்கள்: {formats}'
-      Resolution: 'தீர்மானம்: {width} ஃச் {height}@{frameRate}'
+      Resolution: 'தீர்மானம்: {width} ஃச் {height}{''@''}{frameRate}'
       Player Dimensions: 'பிளேயர் பரிமாணங்கள்: {width} ஃச் {height}'
       Bitrate: 'பிட்ரேட்: {bitrate} kbps'
       Volume: 'தொகுதி: {volumePercentage}%'
diff --git a/static/locales/tr.yaml b/static/locales/tr.yaml
index 523514f50..d82d58e2e 100644
--- a/static/locales/tr.yaml
+++ b/static/locales/tr.yaml
@@ -835,7 +835,7 @@ Video:
       CodecsVideoAudioNoItags: 'Kod Çözücüler: {videoCodec} / {audioCodec}'
       Stats: İstatistikler
       Video ID: 'Video Kimliği: {videoId}'
-      Resolution: 'Çözünürlük: {width}x{height}@{frameRate}'
+      Resolution: 'Çözünürlük: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Oynatıcı Boyutları: {width}x{height}'
       Volume: 'Ses Düzeyi: {volumePercentage}%'
       Bandwidth: 'Bant Genişliği: {bandwidth} kbps'
diff --git a/static/locales/uk.yaml b/static/locales/uk.yaml
index 95dc11a66..055318bc6 100644
--- a/static/locales/uk.yaml
+++ b/static/locales/uk.yaml
@@ -832,7 +832,7 @@ Video:
       Stats: Статистика
       Video ID: 'ID відео: {videoId}'
       Media Formats: 'Медійні формати: {formats}'
-      Resolution: 'Роздільна здатність: {width}x{height}@{frameRate}'
+      Resolution: 'Роздільна здатність: {width}x{height}{''@''}{frameRate}'
       CodecsVideoAudioNoItags: 'Кодеки: {videoCodec} / {audioCodec}'
     Show Stats: Показати статистику
     Full Window: Повний екран
diff --git a/static/locales/vi.yaml b/static/locales/vi.yaml
index cc58537b1..1c17c0a7b 100644
--- a/static/locales/vi.yaml
+++ b/static/locales/vi.yaml
@@ -787,7 +787,7 @@ Video:
       CodecsVideoAudio: 'Codec: {videoCodec} ({videoItag}) / {audioCodec} ({audioItag})'
       CodecsVideoAudioNoItags: 'Codec: {videoCodec} / {audioCodec}'
       Bandwidth: 'Băng thông: {bandwidth} kbps'
-      Resolution: 'Độ phân ảnh: {width}x{height}@{frameRate}'
+      Resolution: 'Độ phân ảnh: {width}x{height}{''@''}{frameRate}'
       Player Dimensions: 'Kích thước trình xem: {width}x{height}'
       CodecAudio: 'Codec: {audioCodec} ({audioItag})'
       Bitrate: 'Tốc độ bit: {bitrate} kbps'
diff --git a/static/locales/zh-CN.yaml b/static/locales/zh-CN.yaml
index 1ea703a6b..9a8d98886 100644
--- a/static/locales/zh-CN.yaml
+++ b/static/locales/zh-CN.yaml
@@ -790,7 +790,7 @@ Video:
       Stats: 统计信息
       Video ID: 视频 ID： {videoId}
       Media Formats: 媒体格式：{formats}
-      Resolution: 分辨率：{width}x{height}@{frameRate}
+      Resolution: 分辨率：{width}x{height}{'@'}{frameRate}
       Player Dimensions: 播放器尺寸： {width}x{height}
       Bitrate: 比特率：{bitrate} kbps
       Volume: 音量：{volumePercentage}%
diff --git a/static/locales/zh-TW.yaml b/static/locales/zh-TW.yaml
index 831969433..8e174c896 100644
--- a/static/locales/zh-TW.yaml
+++ b/static/locales/zh-TW.yaml
@@ -792,7 +792,7 @@ Video:
       Stats: 統計資料
       Video ID: 影片 ID：{videoId}
       Media Formats: 媒體格式：{formats}
-      Resolution: 解析度：{width}x{height}@{frameRate}
+      Resolution: 解析度：{width}x{height}{'@'}{frameRate}
       Player Dimensions: 播放器尺寸：{width}x{height}
       Bitrate: 位元速率：{bitrate} kbps
       Volume: 音量：{volumePercentage}%
diff --git a/yarn.lock b/yarn.lock
index 2d4d04c22..74c760cf3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -208,11 +208,6 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
   integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
 
-"@babel/helper-validator-identifier@^7.28.5":
-  version "7.28.5"
-  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz#010b6938fab7cb7df74aa2bbc06aa503b8fe5fb4"
-  integrity sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==
-
 "@babel/helper-validator-option@^7.27.1":
   version "7.27.1"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz#fa52f5b1e7db1ab049445b421c4471303897702f"
@@ -235,7 +230,7 @@
     "@babel/template" "^7.27.2"
     "@babel/types" "^7.28.4"
 
-"@babel/parser@^7.23.5", "@babel/parser@^7.27.2", "@babel/parser@^7.28.5":
+"@babel/parser@^7.27.2", "@babel/parser@^7.28.4", "@babel/parser@^7.28.5":
   version "7.28.5"
   resolved "https://registry.yarnpkg.com/@babel/parser/-/parser-7.28.5.tgz#0b0225ee90362f030efd644e8034c99468893b08"
   integrity sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==
@@ -1108,10 +1103,10 @@
   dependencies:
     "@fortawesome/fontawesome-common-types" "6.7.2"
 
-"@fortawesome/vue-fontawesome@^2.0.10":
-  version "2.0.10"
-  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-2.0.10.tgz#b10721425d7efdee6d83fba21c64cad86fa51904"
-  integrity sha512-OTETSXz+3ygD2OK2/vy82cmUBpuJqeOAg4gfnnv+f2Rir1tDIhQg026Q3NQxznq83ZLz8iNqGG9XJm26inpDeg==
+"@fortawesome/vue-fontawesome@^3.0.8":
+  version "3.0.8"
+  resolved "https://registry.yarnpkg.com/@fortawesome/vue-fontawesome/-/vue-fontawesome-3.0.8.tgz#1e8032df151173d8174ac9f5a28da3c0f5a495e4"
+  integrity sha512-yyHHAj4G8pQIDfaIsMvQpwKMboIZtcHTUvPqXjOHyldh1O1vZfH4W03VDPv5RvI9P6DLTzJQlmVgj9wCf7c2Fw==
 
 "@humanfs/core@^0.19.1":
   version "0.19.1"
@@ -1146,64 +1141,48 @@
   resolved "https://registry.yarnpkg.com/@humanwhocodes/retry/-/retry-0.4.2.tgz#1860473de7dfa1546767448f333db80cb0ff2161"
   integrity sha512-xeO57FpIu4p1Ri3Jq/EXq4ClRm86dVF2z/+kvFnyqVYRavTZmaFaUBbWCOuuTh0o/g7DSsk6kc2vrS4Vl5oPOQ==
 
-"@intlify/core-base@^9.12.0":
-  version "9.14.5"
-  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-9.14.5.tgz#cfed631e98b34f4f6fe1312e6c02dd8ace180197"
-  integrity sha512-5ah5FqZG4pOoHjkvs8mjtv+gPKYU0zCISaYNjBNNqYiaITxW8ZtVih3GS/oTOqN8d9/mDLyrjD46GBApNxmlsA==
+"@intlify/core-base@11.1.12", "@intlify/core-base@^11.0.0":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/core-base/-/core-base-11.1.12.tgz#e02529021a4e69f8a1adcca5ce61963c71cd72ba"
+  integrity sha512-whh0trqRsSqVLNEUCwU59pyJZYpU8AmSWl8M3Jz2Mv5ESPP6kFh4juas2NpZ1iCvy7GlNRffUD1xr84gceimjg==
   dependencies:
-    "@intlify/message-compiler" "9.14.5"
-    "@intlify/shared" "9.14.5"
+    "@intlify/message-compiler" "11.1.12"
+    "@intlify/shared" "11.1.12"
 
-"@intlify/eslint-plugin-vue-i18n@^3.2.0":
-  version "3.2.0"
-  resolved "https://registry.yarnpkg.com/@intlify/eslint-plugin-vue-i18n/-/eslint-plugin-vue-i18n-3.2.0.tgz#5213e9eda3c4b1391630ee31b654f9ff705918fb"
-  integrity sha512-TOIrD4tJE48WMyVIB8bNeQJJPYo1Prpqnm9Xpn1UZmcqlELhm8hmP8QyJnkgesfbG7hyiX/kvo63W7ClEQmhpg==
+"@intlify/eslint-plugin-vue-i18n@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/@intlify/eslint-plugin-vue-i18n/-/eslint-plugin-vue-i18n-4.1.0.tgz#ba57243e28b947fe6591b6d21bbb9905f5bcaa42"
+  integrity sha512-MPAr3LGTrkB5CZBHN5eUf4kASUEiSaDM371jADmxNbTL1Ew7IAyCIBGm3+/1sWcvsfVHe4wz8RFoo6FpeQZ4Nw==
   dependencies:
     "@eslint/eslintrc" "^3.0.0"
-    "@intlify/core-base" "^9.12.0"
-    "@intlify/message-compiler" "^9.12.0"
+    "@intlify/core-base" "^11.0.0"
+    "@intlify/message-compiler" "^11.0.0"
     debug "^4.3.4"
     eslint-compat-utils "^0.6.0"
     glob "^10.3.3"
-    globals "^15.0.0"
-    ignore "^6.0.0"
+    globals "^16.0.0"
+    ignore "^7.0.0"
     import-fresh "^3.3.0"
     is-language-code "^3.1.0"
     js-yaml "^4.1.0"
     json5 "^2.2.3"
-    jsonc-eslint-parser "^2.3.0"
     lodash "^4.17.21"
     parse5 "^7.1.2"
     semver "^7.5.4"
-    synckit "^0.9.0"
-    vue-eslint-parser "^9.3.1"
-    yaml-eslint-parser "^1.2.2"
+    synckit "^0.10.0"
 
-"@intlify/message-compiler@9.14.5":
-  version "9.14.5"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-9.14.5.tgz#03b0a358c93cb2eed95936531c8a5871fd3841b0"
-  integrity sha512-IHzgEu61/YIpQV5Pc3aRWScDcnFKWvQA9kigcINcCBXN8mbW+vk9SK+lDxA6STzKQsVJxUPg9ACC52pKKo3SVQ==
+"@intlify/message-compiler@11.1.12", "@intlify/message-compiler@^11.0.0":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-11.1.12.tgz#27e69790b711a92cddb07175187dd09a7b270b55"
+  integrity sha512-Fv9iQSJoJaXl4ZGkOCN1LDM3trzze0AS2zRz2EHLiwenwL6t0Ki9KySYlyr27yVOj5aVz0e55JePO+kELIvfdQ==
   dependencies:
-    "@intlify/shared" "9.14.5"
+    "@intlify/shared" "11.1.12"
     source-map-js "^1.0.2"
 
-"@intlify/message-compiler@^9.12.0":
-  version "9.14.2"
-  resolved "https://registry.yarnpkg.com/@intlify/message-compiler/-/message-compiler-9.14.2.tgz#7217842ea1875d80bbf0f708e9b3ef5ad7c57a03"
-  integrity sha512-YsKKuV4Qv4wrLNsvgWbTf0E40uRv+Qiw1BeLQ0LAxifQuhiMe+hfTIzOMdWj/ZpnTDj4RSZtkXjJM7JDiiB5LQ==
-  dependencies:
-    "@intlify/shared" "9.14.2"
-    source-map-js "^1.0.2"
-
-"@intlify/shared@9.14.2":
-  version "9.14.2"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-9.14.2.tgz#f7dceea32db44c9253e3f965745a42a5cb3a1883"
-  integrity sha512-uRAHAxYPeF+G5DBIboKpPgC/Waecd4Jz8ihtkpJQD5ycb5PwXp0k/+hBGl5dAjwF7w+l74kz/PKA8r8OK//RUw==
-
-"@intlify/shared@9.14.5":
-  version "9.14.5"
-  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-9.14.5.tgz#2e42193b8356db20ee28c15d1ee6c8f0fda6c0b9"
-  integrity sha512-9gB+E53BYuAEMhbCAxVgG38EZrk59sxBtv3jSizNL2hEWlgjBjAw1AwpLHtNaeda12pe6W20OGEa0TwuMSRbyQ==
+"@intlify/shared@11.1.12":
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/@intlify/shared/-/shared-11.1.12.tgz#ab41083e017d622cf63c7dc88a0ee0bc27f4127a"
+  integrity sha512-Om86EjuQtA69hdNj3GQec9ZC0L0vPSAnXzB3gP/gyJ7+mA7t06d9aOAiqMZ+xEOsumGP4eEBlfl8zF2LOTzf2A==
 
 "@isaacs/balanced-match@^4.0.1":
   version "4.0.1"
@@ -1297,6 +1276,11 @@
   resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.4.tgz#7358043433b2e5da569aa02cbc4c121da3af27d7"
   integrity sha512-VT2+G1VQs/9oz078bLrYbecdZKs912zQlkelYpuf+SXF+QvZDYJlbx/LSx+meSAwdDFnF8FVXW92AVjjkVmgFw==
 
+"@jridgewell/sourcemap-codec@^1.5.5":
+  version "1.5.5"
+  resolved "https://registry.yarnpkg.com/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz#6912b00d2c631c0d15ce1a7ab57cd657f2a8f8ba"
+  integrity sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==
+
 "@jridgewell/trace-mapping@^0.3.24", "@jridgewell/trace-mapping@^0.3.25", "@jridgewell/trace-mapping@^0.3.28", "@jridgewell/trace-mapping@^0.3.9":
   version "0.3.29"
   resolved "https://registry.yarnpkg.com/@jridgewell/trace-mapping/-/trace-mapping-0.3.29.tgz#a58d31eaadaf92c6695680b2e1d464a9b8fbf7fc"
@@ -1473,12 +1457,7 @@
   resolved "https://registry.yarnpkg.com/@pkgjs/parseargs/-/parseargs-0.11.0.tgz#a77ea742fab25775145434eb1d2328cf5013ac33"
   integrity sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==
 
-"@pkgr/core@^0.1.0":
-  version "0.1.1"
-  resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.1.1.tgz#1ec17e2edbec25c8306d424ecfbf13c7de1aaa31"
-  integrity sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==
-
-"@pkgr/core@^0.2.4":
+"@pkgr/core@^0.2.0", "@pkgr/core@^0.2.4":
   version "0.2.4"
   resolved "https://registry.yarnpkg.com/@pkgr/core/-/core-0.2.4.tgz#d897170a2b0ba51f78a099edccd968f7b103387c"
   integrity sha512-ROFF39F6ZrnzSUEmQQZUar0Jt4xVoP9WnDRdWwF4NNcXs3xBTLgBUDoOwW141y1jP+S8nahIbdxbFC7IShw9Iw==
@@ -2024,32 +2003,90 @@
   resolved "https://registry.yarnpkg.com/@unrs/resolver-binding-win32-x64-msvc/-/resolver-binding-win32-x64-msvc-1.11.0.tgz#70c6b7d5807ece551c57dee4587dd4a40d197bd2"
   integrity sha512-+oLKLHw3I1UQo4MeHfoLYF+e6YBa8p5vYUw3Rgt7IDzCs+57vIZqQlIo62NDpYM0VG6BjWOwnzBczMvbtH8hag==
 
-"@vue/compiler-sfc@2.7.16":
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz#ff81711a0fac9c68683d8bb00b63f857de77dc83"
-  integrity sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==
+"@vue/compiler-core@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-core/-/compiler-core-3.5.22.tgz#bb8294a0dd31df540563cc6ffa0456f1f7687b97"
+  integrity sha512-jQ0pFPmZwTEiRNSb+i9Ow/I/cHv2tXYqsnHKKyCQ08irI2kdF5qmYedmF8si8mA7zepUFmJ2hqzS8CQmNOWOkQ==
   dependencies:
-    "@babel/parser" "^7.23.5"
-    postcss "^8.4.14"
-    source-map "^0.6.1"
-  optionalDependencies:
-    prettier "^1.18.2 || ^2.0.0"
+    "@babel/parser" "^7.28.4"
+    "@vue/shared" "3.5.22"
+    entities "^4.5.0"
+    estree-walker "^2.0.2"
+    source-map-js "^1.2.1"
 
-"@vue/component-compiler-utils@^3.1.0":
-  version "3.3.0"
-  resolved "https://registry.yarnpkg.com/@vue/component-compiler-utils/-/component-compiler-utils-3.3.0.tgz#f9f5fb53464b0c37b2c8d2f3fbfe44df60f61dc9"
-  integrity sha512-97sfH2mYNU+2PzGrmK2haqffDpVASuib9/w2/noxiFi31Z54hW+q3izKQXXQZSNhtiUpAI36uSuYepeBe4wpHQ==
+"@vue/compiler-dom@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-dom/-/compiler-dom-3.5.22.tgz#6c9c2c9843520f6d3dbc685e5d0e1e12a2c04c56"
+  integrity sha512-W8RknzUM1BLkypvdz10OVsGxnMAuSIZs9Wdx1vzA3mL5fNMN15rhrSCLiTm6blWeACwUwizzPVqGJgOGBEN/hA==
   dependencies:
-    consolidate "^0.15.1"
-    hash-sum "^1.0.2"
-    lru-cache "^4.1.2"
-    merge-source-map "^1.1.0"
-    postcss "^7.0.36"
-    postcss-selector-parser "^6.0.2"
-    source-map "~0.6.1"
-    vue-template-es2015-compiler "^1.9.0"
-  optionalDependencies:
-    prettier "^1.18.2 || ^2.0.0"
+    "@vue/compiler-core" "3.5.22"
+    "@vue/shared" "3.5.22"
+
+"@vue/compiler-sfc@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-sfc/-/compiler-sfc-3.5.22.tgz#663a8483b1dda8de83b6fa1aab38a52bf73dd965"
+  integrity sha512-tbTR1zKGce4Lj+JLzFXDq36K4vcSZbJ1RBu8FxcDv1IGRz//Dh2EBqksyGVypz3kXpshIfWKGOCcqpSbyGWRJQ==
+  dependencies:
+    "@babel/parser" "^7.28.4"
+    "@vue/compiler-core" "3.5.22"
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/compiler-ssr" "3.5.22"
+    "@vue/shared" "3.5.22"
+    estree-walker "^2.0.2"
+    magic-string "^0.30.19"
+    postcss "^8.5.6"
+    source-map-js "^1.2.1"
+
+"@vue/compiler-ssr@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/compiler-ssr/-/compiler-ssr-3.5.22.tgz#a0ef16e364731b25e79a13470569066af101320f"
+  integrity sha512-GdgyLvg4R+7T8Nk2Mlighx7XGxq/fJf9jaVofc3IL0EPesTE86cP/8DD1lT3h1JeZr2ySBvyqKQJgbS54IX1Ww==
+  dependencies:
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/shared" "3.5.22"
+
+"@vue/devtools-api@^6.0.0-beta.11", "@vue/devtools-api@^6.5.0", "@vue/devtools-api@^6.6.4":
+  version "6.6.4"
+  resolved "https://registry.yarnpkg.com/@vue/devtools-api/-/devtools-api-6.6.4.tgz#cbe97fe0162b365edc1dba80e173f90492535343"
+  integrity sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==
+
+"@vue/reactivity@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/reactivity/-/reactivity-3.5.22.tgz#9b26f8557c96df46c9a859914a2229f3ca5b8f4f"
+  integrity sha512-f2Wux4v/Z2pqc9+4SmgZC1p73Z53fyD90NFWXiX9AKVnVBEvLFOWCEgJD3GdGnlxPZt01PSlfmLqbLYzY/Fw4A==
+  dependencies:
+    "@vue/shared" "3.5.22"
+
+"@vue/runtime-core@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-core/-/runtime-core-3.5.22.tgz#e004c1e35f423555a0e4c10646ef3e9d380643d1"
+  integrity sha512-EHo4W/eiYeAzRTN5PCextDUZ0dMs9I8mQ2Fy+OkzvRPUYQEyK9yAjbasrMCXbLNhF7P0OUyivLjIy0yc6VrLJQ==
+  dependencies:
+    "@vue/reactivity" "3.5.22"
+    "@vue/shared" "3.5.22"
+
+"@vue/runtime-dom@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/runtime-dom/-/runtime-dom-3.5.22.tgz#01276cea7cb9ac2b9aba046adfb5903b494e2e7e"
+  integrity sha512-Av60jsryAkI023PlN7LsqrfPvwfxOd2yAwtReCjeuugTJTkgrksYJJstg1e12qle0NarkfhfFu1ox2D+cQotww==
+  dependencies:
+    "@vue/reactivity" "3.5.22"
+    "@vue/runtime-core" "3.5.22"
+    "@vue/shared" "3.5.22"
+    csstype "^3.1.3"
+
+"@vue/server-renderer@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/server-renderer/-/server-renderer-3.5.22.tgz#d134e3409094044bd066d9803714677457756157"
+  integrity sha512-gXjo+ao0oHYTSswF+a3KRHZ1WszxIqO7u6XwNHqcqb9JfyIL/pbWrrh/xLv7jeDqla9u+LK7yfZKHih1e1RKAQ==
+  dependencies:
+    "@vue/compiler-ssr" "3.5.22"
+    "@vue/shared" "3.5.22"
+
+"@vue/shared@3.5.22":
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/@vue/shared/-/shared-3.5.22.tgz#9d56a1644a3becb8af1e34655928b0e288d827f8"
+  integrity sha512-F4yc6palwq3TT0u+FYf0Ns4Tfl9GRFURDN2gWG7L1ecIaS/4fCIuFOjMTnCyjsu/OK6vaDKLCrGAa+KvvH+h4w==
 
 "@webassemblyjs/ast@1.14.1", "@webassemblyjs/ast@^1.14.1":
   version "1.14.1"
@@ -2569,11 +2606,6 @@ bgutils-js@^3.2.0:
   resolved "https://registry.yarnpkg.com/bgutils-js/-/bgutils-js-3.2.0.tgz#bfc892b2a39db737827dd204bf7868214a6283f0"
   integrity sha512-CacO15JvxbclbLeCAAm9DETGlLuisRGWpPigoRvNsccSCPEC4pwYwA2g2x/pv7Om/sk79d4ib35V5HHmxPBpDg==
 
-big.js@^5.2.2:
-  version "5.2.2"
-  resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
-  integrity sha512-vyL2OymJxmarO8gxMr0mhChsO9QGwhynfuu4+MHTAW6czfq9humCB7rKpUjDd9YUiDPU4mzpyupFSvOClAwbmQ==
-
 binary-extensions@^2.0.0:
   version "2.2.0"
   resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-2.2.0.tgz#75f502eeaf9ffde42fc98829645be4ea76bd9e2d"
@@ -2588,11 +2620,6 @@ bl@^4.1.0:
     inherits "^2.0.4"
     readable-stream "^3.4.0"
 
-bluebird@^3.1.1:
-  version "3.7.2"
-  resolved "https://registry.yarnpkg.com/bluebird/-/bluebird-3.7.2.tgz#9f229c15be272454ffa973ace0dbee79a1b0c36f"
-  integrity sha512-XpNj6GDQzdfW+r2Wnn7xiSAd7TM3jzkxGXBGTtWKuSXv1xUV+azxAm8jdWZN06QTQk+2N2XB9jRDkvbmQmcRtg==
-
 body-parser@1.20.3:
   version "1.20.3"
   resolved "https://registry.yarnpkg.com/body-parser/-/body-parser-1.20.3.tgz#1953431221c6fb5cd63c4b36d53fab0928e548c6"
@@ -3067,13 +3094,6 @@ connect-history-api-fallback@^2.0.0:
   resolved "https://registry.yarnpkg.com/connect-history-api-fallback/-/connect-history-api-fallback-2.0.0.tgz#647264845251a0daf25b97ce87834cace0f5f1c8"
   integrity sha512-U73+6lQFmfiNPrYbXqr6kZ1i1wiRqXnp2nhMsINseWXO8lDau0LGEffJ8kQi4EjLZympVgRdvqjAgiZ1tgzDDA==
 
-consolidate@^0.15.1:
-  version "0.15.1"
-  resolved "https://registry.yarnpkg.com/consolidate/-/consolidate-0.15.1.tgz#21ab043235c71a07d45d9aad98593b0dba56bab7"
-  integrity sha512-DW46nrsMJgy9kqAbPt5rKaCr7uFtpo4mSUvLHIUbJEjm0vo+aY5QLwBUq3FK4tRnJr/X0Psc0C4jf/h+HtXSMw==
-  dependencies:
-    bluebird "^3.1.1"
-
 content-disposition@0.5.4:
   version "0.5.4"
   resolved "https://registry.yarnpkg.com/content-disposition/-/content-disposition-0.5.4.tgz#8b82b4efac82512a02bb0b1dcec9d2c5e8eb5bfe"
@@ -3303,10 +3323,10 @@ csso@^5.0.5:
   dependencies:
     css-tree "~2.2.0"
 
-csstype@^3.1.0:
-  version "3.1.1"
-  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.1.tgz#841b532c45c758ee546a11d5bd7b7b473c8c30b9"
-  integrity sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw==
+csstype@^3.1.3:
+  version "3.1.3"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.3.tgz#d80ff294d114fb0e6ac500fbf85b60137d7eff81"
+  integrity sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==
 
 data-view-buffer@^1.0.2:
   version "1.0.2"
@@ -3700,11 +3720,6 @@ emoji-regex@^9.2.2:
   resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.2.2.tgz#840c8803b0d8047f4ff0cf963176b32d4ef3ed72"
   integrity sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==
 
-emojis-list@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
-  integrity sha512-/kyM18EfinwXZbno9FyUGeFh87KC8HRQBQGildHZbEuRyWFOmv1U10o9BBp8XVZDVNNuQKyIGIu5ZYAAXJ0V2Q==
-
 encodeurl@~1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
@@ -3742,7 +3757,7 @@ entities@^2.0.0:
   resolved "https://registry.yarnpkg.com/entities/-/entities-2.2.0.tgz#098dc90ebb83d8dffa089d55256b351d34c4da55"
   integrity sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A==
 
-entities@^4.2.0, entities@^4.4.0:
+entities@^4.2.0, entities@^4.4.0, entities@^4.5.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/entities/-/entities-4.5.0.tgz#5d268ea5e7113ec74c4d033b79ea5a35a488fb48"
   integrity sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==
@@ -4254,6 +4269,11 @@ estraverse@^5.1.0, estraverse@^5.2.0, estraverse@^5.3.0:
   resolved "https://registry.yarnpkg.com/estraverse/-/estraverse-5.3.0.tgz#2eea5290702f26ab8fe5370370ff86c965d21123"
   integrity sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==
 
+estree-walker@^2.0.2:
+  version "2.0.2"
+  resolved "https://registry.yarnpkg.com/estree-walker/-/estree-walker-2.0.2.tgz#52f010178c2a4c117a7757cfe942adb7d2da4cac"
+  integrity sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==
+
 esutils@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/esutils/-/esutils-2.0.3.tgz#74d2eb4de0b8da1293711910d50775b9b710ef64"
@@ -4755,12 +4775,12 @@ globals@^14.0.0:
   resolved "https://registry.yarnpkg.com/globals/-/globals-14.0.0.tgz#898d7413c29babcf6bafe56fcadded858ada724e"
   integrity sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==
 
-globals@^15.0.0, globals@^15.11.0, globals@^15.15.0:
+globals@^15.11.0, globals@^15.15.0:
   version "15.15.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-15.15.0.tgz#7c4761299d41c32b075715a4ce1ede7897ff72a8"
   integrity sha512-7ACyT3wmyp3I61S4fG682L0VA2RGD9otkqGJIwNUMF1SWUombIIk+af1unuDYgMm082aHYwD+mzJvv9Iu8dsgg==
 
-globals@^16.4.0:
+globals@^16.0.0, globals@^16.4.0:
   version "16.4.0"
   resolved "https://registry.yarnpkg.com/globals/-/globals-16.4.0.tgz#574bc7e72993d40cf27cf6c241f324ee77808e51"
   integrity sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==
@@ -4868,10 +4888,10 @@ has-tostringtag@^1.0.0, has-tostringtag@^1.0.2:
   dependencies:
     has-symbols "^1.0.3"
 
-hash-sum@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-1.0.2.tgz#33b40777754c6432573c120cc3808bbd10d47f04"
-  integrity sha1-M7QHd3VMZDJXPBIMw4CLvRDUfwQ=
+hash-sum@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.yarnpkg.com/hash-sum/-/hash-sum-2.0.0.tgz#81d01bb5de8ea4a214ad5d6ead1b523460b0b45a"
+  integrity sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==
 
 hasown@^2.0.0, hasown@^2.0.2:
   version "2.0.2"
@@ -5081,11 +5101,6 @@ ignore@^5.2.0, ignore@^5.3.2:
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-5.3.2.tgz#3cd40e729f3643fd87cb04e50bf0eb722bc596f5"
   integrity sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==
 
-ignore@^6.0.0:
-  version "6.0.2"
-  resolved "https://registry.yarnpkg.com/ignore/-/ignore-6.0.2.tgz#77cccb72a55796af1b6d2f9eb14fa326d24f4283"
-  integrity sha512-InwqeHHN2XpumIkMvpl/DCJVrAHgCsG5+cn1XlnLWGwtZBm8QJfSusItfrwx81CTp5agNZqpKU2J/ccC5nGT4A==
-
 ignore@^7.0.0, ignore@^7.0.5:
   version "7.0.5"
   resolved "https://registry.yarnpkg.com/ignore/-/ignore-7.0.5.tgz#4cb5f6cd7d4c7ab0365738c7aea888baa6d7efd9"
@@ -5637,19 +5652,12 @@ json-stringify-safe@^5.0.1:
   resolved "https://registry.yarnpkg.com/json-stringify-safe/-/json-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
   integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
 
-json5@^1.0.1:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/json5/-/json5-1.0.2.tgz#63d98d60f21b313b77c4d6da18bfa69d80e1d593"
-  integrity sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==
-  dependencies:
-    minimist "^1.2.0"
-
 json5@^2.2.3:
   version "2.2.3"
   resolved "https://registry.yarnpkg.com/json5/-/json5-2.2.3.tgz#78cd6f1a19bdc12b73db5ad0c61efd66c1e29283"
   integrity sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==
 
-jsonc-eslint-parser@^2.3.0, jsonc-eslint-parser@^2.4.0:
+jsonc-eslint-parser@^2.4.0:
   version "2.4.0"
   resolved "https://registry.yarnpkg.com/jsonc-eslint-parser/-/jsonc-eslint-parser-2.4.0.tgz#74ded53f9d716e8d0671bd167bf5391f452d5461"
   integrity sha512-WYDyuc/uFcGp6YtM2H0uKmUwieOuzeE/5YocFJLnLfclZ4inf3mRn8ZVy1s7Hxji7Jxm6Ss8gqpexD/GlKoGgg==
@@ -5823,15 +5831,6 @@ loader-runner@^4.2.0:
   resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-4.3.0.tgz#c1b4a163b99f614830353b16755e7149ac2314e1"
   integrity sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==
 
-loader-utils@^1.0.2, loader-utils@^1.1.0:
-  version "1.4.2"
-  resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.2.tgz#29a957f3a63973883eb684f10ffd3d151fec01a3"
-  integrity sha512-I5d00Pd/jwMD2QCduo657+YM/6L3KZu++pmX9VFncxaxvHcru9jx1lBaFft+r4Mt2jK0Yhp41XlRAihzPxHNCg==
-  dependencies:
-    big.js "^5.2.2"
-    emojis-list "^3.0.0"
-    json5 "^1.0.1"
-
 localforage@^1.10.0:
   version "1.10.0"
   resolved "https://registry.yarnpkg.com/localforage/-/localforage-1.10.0.tgz#5c465dc5f62b2807c3a84c0c6a1b1b3212781dd4"
@@ -5920,14 +5919,6 @@ lru-cache@^10.2.0:
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-10.2.2.tgz#48206bc114c1252940c41b25b41af5b545aca878"
   integrity sha512-9hp3Vp2/hFQUiIwKo8XCeFVnrg8Pk3TYNPIR7tJADKi5YfcF7vEaK7avFHTlSy3kOKYaJQaalfEo6YuXdceBOQ==
 
-lru-cache@^4.1.2:
-  version "4.1.5"
-  resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
-  integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
-  dependencies:
-    pseudomap "^1.0.2"
-    yallist "^2.1.2"
-
 lru-cache@^5.1.1:
   version "5.1.1"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-5.1.1.tgz#1da27e6710271947695daf6848e847f01d84b920"
@@ -5942,6 +5933,13 @@ lru-cache@^6.0.0:
   dependencies:
     yallist "^4.0.0"
 
+magic-string@^0.30.19:
+  version "0.30.19"
+  resolved "https://registry.yarnpkg.com/magic-string/-/magic-string-0.30.19.tgz#cebe9f104e565602e5d2098c5f2e79a77cc86da9"
+  integrity sha512-2N21sPY9Ws53PZvsEpVtNuSW+ScYbQdp4b9qUaL+9QkHUrGFKo56Lg9Emg5s9V/qrtNBmiR01sYhUOwu3H+VOw==
+  dependencies:
+    "@jridgewell/sourcemap-codec" "^1.5.5"
+
 make-fetch-happen@^14.0.3:
   version "14.0.3"
   resolved "https://registry.yarnpkg.com/make-fetch-happen/-/make-fetch-happen-14.0.3.tgz#d74c3ecb0028f08ab604011e0bc6baed483fcdcd"
@@ -6023,13 +6021,6 @@ merge-descriptors@1.0.3:
   resolved "https://registry.yarnpkg.com/merge-descriptors/-/merge-descriptors-1.0.3.tgz#d80319a65f3c7935351e5cfdac8f9318504dbed5"
   integrity sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==
 
-merge-source-map@^1.1.0:
-  version "1.1.0"
-  resolved "https://registry.yarnpkg.com/merge-source-map/-/merge-source-map-1.1.0.tgz#2fdde7e6020939f70906a68f2d7ae685e4c8c646"
-  integrity sha512-Qkcp7P2ygktpMPh2mCQZaf3jhN6D3Z/qVZHSdWvQ+2Ef5HgRAPBO57A77+ENm0CPx2+1Ce/MYKi3ymqdfuqibw==
-  dependencies:
-    source-map "^0.6.1"
-
 merge-stream@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/merge-stream/-/merge-stream-2.0.0.tgz#52823629a14dd00c9770fb6ad47dc6310f2c1f60"
@@ -6136,7 +6127,7 @@ minimatch@^9.0.3, minimatch@^9.0.4, minimatch@^9.0.5:
   dependencies:
     brace-expansion "^2.0.1"
 
-minimist@^1.2.0, minimist@^1.2.5, minimist@^1.2.6:
+minimist@^1.2.5, minimist@^1.2.6:
   version "1.2.8"
   resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
   integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
@@ -6699,11 +6690,6 @@ peowly@^1.3.2:
   resolved "https://registry.yarnpkg.com/peowly/-/peowly-1.3.2.tgz#98dad1df75dfb2d6b1e2d6b848de633bf573d7a4"
   integrity sha512-BYIrwr8JCXY49jUZscgw311w9oGEKo7ux/s+BxrhKTQbiQ0iYNdZNJ5LgagaeercQdFHwnR7Z5IxxFWVQ+BasQ==
 
-picocolors@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-0.2.1.tgz#570670f793646851d1ba135996962abad587859f"
-  integrity sha512-cMlDqaLEqfSaW8Z7N5Jw+lyIW869EzT73/F5lhtY9cLGoVxSXznfgfXMO0Z5K0o0Q2TkTXq+0KFsdnSe3jDViA==
-
 picocolors@^1.0.0, picocolors@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/picocolors/-/picocolors-1.1.1.tgz#3d321af3eab939b083c8f929a1d12cda81c26b6b"
@@ -6745,10 +6731,10 @@ pluralize@^8.0.0:
   resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-8.0.0.tgz#1a6fa16a38d12a1901e0320fa017051c539ce3b1"
   integrity sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==
 
-portal-vue@^2.1.7:
-  version "2.1.7"
-  resolved "https://registry.yarnpkg.com/portal-vue/-/portal-vue-2.1.7.tgz#ea08069b25b640ca08a5b86f67c612f15f4e4ad4"
-  integrity sha512-+yCno2oB3xA7irTt0EU5Ezw22L2J51uKAacE/6hMPMoO/mx3h4rXFkkBkT4GFsMDv/vEe8TNKC3ujJJ0PTwb6g==
+portal-vue@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/portal-vue/-/portal-vue-3.0.0.tgz#0f60fe3540e479d18f998d32d415c50c8e17c9a9"
+  integrity sha512-9eprMxNURLx6ijbcgkWjYNcTWJYu/H8QF8nyAeBzOmk9lKCea01BW1hYBeLkgz+AestmPOvznAEOFmNuO4Adjw==
 
 possible-typed-array-names@^1.0.0:
   version "1.0.0"
@@ -7023,15 +7009,7 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^7.0.36:
-  version "7.0.39"
-  resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
-  dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
-
-postcss@^8.4.14, postcss@^8.4.33, postcss@^8.4.40, postcss@^8.5.6:
+postcss@^8.4.33, postcss@^8.4.40, postcss@^8.5.6:
   version "8.5.6"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.5.6.tgz#2825006615a619b4f62a9e7426cc120b349a8f3c"
   integrity sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==
@@ -7045,11 +7023,6 @@ prelude-ls@^1.2.1:
   resolved "https://registry.yarnpkg.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
   integrity sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==
 
-"prettier@^1.18.2 || ^2.0.0":
-  version "2.8.8"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
-  integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==
-
 pretty-error@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/pretty-error/-/pretty-error-4.0.0.tgz#90a703f46dd7234adb46d0f84823e9d1cb8f10d6"
@@ -7103,11 +7076,6 @@ proxy-addr@~2.0.7:
     forwarded "0.2.0"
     ipaddr.js "1.9.1"
 
-pseudomap@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/pseudomap/-/pseudomap-1.0.2.tgz#f052a28da70e618917ef0a8ac34c1ae5a68286b3"
-  integrity sha1-8FKijacOYYkX7wqKw0wa5aaChrM=
-
 pump@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/pump/-/pump-3.0.0.tgz#b4a2116815bde2f4e1ea602354e8c75565107a64"
@@ -7866,7 +7834,7 @@ source-map-support@^0.5.19, source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+source-map@^0.6.0, source-map@~0.6.0:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
   integrity sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==
@@ -8255,6 +8223,14 @@ swiper@^12.0.3:
   resolved "https://registry.yarnpkg.com/swiper/-/swiper-12.0.3.tgz#c7804fd39955189d3ec652d9832896bd3d04733e"
   integrity sha512-BHd6U1VPEIksrXlyXjMmRWO0onmdNPaTAFduzqR3pgjvi7KfmUCAm/0cj49u2D7B0zNjMw02TSeXfinC1hDCXg==
 
+synckit@^0.10.0:
+  version "0.10.4"
+  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.10.4.tgz#a8af59be664d324be5271e86146075f6e93d5fe9"
+  integrity sha512-2SG1TnJGjMkD4+gblONMGYSrwAzYi+ymOitD+Jb/iMYm57nH20PlkVeMQRah3yDMKEa0QQYUF/QPWpdW7C6zNg==
+  dependencies:
+    "@pkgr/core" "^0.2.0"
+    tslib "^2.8.1"
+
 "synckit@^0.6.2 || ^0.7.3 || ^0.11.5":
   version "0.11.6"
   resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.11.6.tgz#e742a0c27bbc1fbc96f2010770521015cca7ed5c"
@@ -8262,14 +8238,6 @@ swiper@^12.0.3:
   dependencies:
     "@pkgr/core" "^0.2.4"
 
-synckit@^0.9.0:
-  version "0.9.2"
-  resolved "https://registry.yarnpkg.com/synckit/-/synckit-0.9.2.tgz#a3a935eca7922d48b9e7d6c61822ee6c3ae4ec62"
-  integrity sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==
-  dependencies:
-    "@pkgr/core" "^0.1.0"
-    tslib "^2.6.2"
-
 table@^6.9.0:
   version "6.9.0"
   resolved "https://registry.yarnpkg.com/table/-/table-6.9.0.tgz#50040afa6264141c7566b3b81d4d82c47a8668f5"
@@ -8414,7 +8382,7 @@ ts-declaration-location@^1.0.6:
   dependencies:
     picomatch "^4.0.2"
 
-tslib@^2.0.0, tslib@^2.0.3, tslib@^2.4.0, tslib@^2.6.2, tslib@^2.8.1:
+tslib@^2.0.0, tslib@^2.0.3, tslib@^2.4.0, tslib@^2.8.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.8.1.tgz#612efe4ed235d567e8aba5f2a5fab70280ade83f"
   integrity sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==
@@ -8660,11 +8628,6 @@ verror@^1.10.0:
     core-util-is "1.0.2"
     extsprintf "^1.2.0"
 
-vue-devtools@^5.1.4:
-  version "5.1.4"
-  resolved "https://registry.yarnpkg.com/vue-devtools/-/vue-devtools-5.1.4.tgz#265a7458ade2affb291739176964256b597fa302"
-  integrity sha512-EBAEXvAHUinsPzoSiElps0JgtLXUnJXKIJbP6nfdz/R63VdKBMfJ34/rFip+4iT7iMbVS5lA4W6N1jq4Hj4LCg==
-
 vue-eslint-parser@^10.2.0:
   version "10.2.0"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-10.2.0.tgz#cb53f89b14c7f5bf6a95c9532e3b2961ab619d61"
@@ -8677,7 +8640,7 @@ vue-eslint-parser@^10.2.0:
     esquery "^1.6.0"
     semver "^7.6.3"
 
-vue-eslint-parser@^9.0.1, vue-eslint-parser@^9.3.1:
+vue-eslint-parser@^9.0.1:
   version "9.4.3"
   resolved "https://registry.yarnpkg.com/vue-eslint-parser/-/vue-eslint-parser-9.4.3.tgz#9b04b22c71401f1e8bca9be7c3e3416a4bde76a8"
   integrity sha512-2rYRLWlIpaiN8xbPiDyXZXRgLGOtWxERV7ND5fFAv5qo1D2N9Fu9MNajBNc6o13lZ+24DAWCkQCvj4klgmcITg==
@@ -8690,64 +8653,55 @@ vue-eslint-parser@^9.0.1, vue-eslint-parser@^9.3.1:
     lodash "^4.17.21"
     semver "^7.3.6"
 
-vue-hot-reload-api@^2.3.0:
-  version "2.3.4"
-  resolved "https://registry.yarnpkg.com/vue-hot-reload-api/-/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
-  integrity sha512-BXq3jwIagosjgNVae6tkHzzIk6a8MHFtzAdwhnV5VlvPTFxDCvIttgSiHWjdGoTJvXtmRu5HacExfdarRcFhog==
-
-vue-i18n@^8.28.2:
-  version "8.28.2"
-  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-8.28.2.tgz#913558066e274395c0a9f40b2f3393d5c2636840"
-  integrity sha512-C5GZjs1tYlAqjwymaaCPDjCyGo10ajUphiwA922jKt9n7KPpqR7oM1PCwYzhB/E7+nT3wfdG3oRre5raIT1rKA==
-
-vue-loader@^15.10.0:
-  version "15.10.0"
-  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-15.10.0.tgz#2a12695c421a2a2cc2138f05a949d04ed086e38b"
-  integrity sha512-VU6tuO8eKajrFeBzMssFUP9SvakEeeSi1BxdTH5o3+1yUyrldp8IERkSdXlMI2t4kxF2sqYUDsQY+WJBxzBmZg==
+vue-i18n@^11.1.12:
+  version "11.1.12"
+  resolved "https://registry.yarnpkg.com/vue-i18n/-/vue-i18n-11.1.12.tgz#230b21d65dd89343ebd40d19c9e3cfb13db8c1fd"
+  integrity sha512-BnstPj3KLHLrsqbVU2UOrPmr0+Mv11bsUZG0PyCOzsawCivk8W00GMXHeVUWIDOgNaScCuZah47CZFE+Wnl8mw==
   dependencies:
-    "@vue/component-compiler-utils" "^3.1.0"
-    hash-sum "^1.0.2"
-    loader-utils "^1.1.0"
-    vue-hot-reload-api "^2.3.0"
-    vue-style-loader "^4.1.0"
+    "@intlify/core-base" "11.1.12"
+    "@intlify/shared" "11.1.12"
+    "@vue/devtools-api" "^6.5.0"
 
-vue-observe-visibility@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/vue-observe-visibility/-/vue-observe-visibility-1.0.0.tgz#17cf1b2caf74022f0f3c95371468ddf2b9573152"
-  integrity sha512-s5TFh3s3h3Mhd3jaz3zGzkVHKHnc/0C/gNr30olO99+yw2hl3WBhK3ng3/f9OF+qkW4+l7GkmwfAzDAcY3lCFg==
-
-vue-router@^3.6.5:
-  version "3.6.5"
-  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-3.6.5.tgz#95847d52b9a7e3f1361cb605c8e6441f202afad8"
-  integrity sha512-VYXZQLtjuvKxxcshuRAwjHnciqZVoXAjTjcqBTz4rKc8qih9g9pI3hbDjmqXaHdgL3v8pV6P8Z335XvHzESxLQ==
-
-vue-style-loader@^4.1.0:
-  version "4.1.3"
-  resolved "https://registry.yarnpkg.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz#6d55863a51fa757ab24e89d9371465072aa7bc35"
-  integrity sha512-sFuh0xfbtpRlKfm39ss/ikqs9AbKCoXZBpHeVZ8Tx650o0k0q/YCM7FRvigtxpACezfq6af+a7JeqVTWvncqDg==
+vue-loader@^17.4.2:
+  version "17.4.2"
+  resolved "https://registry.yarnpkg.com/vue-loader/-/vue-loader-17.4.2.tgz#f87f0d8adfcbbe8623de9eba1979d41ba223c6da"
+  integrity sha512-yTKOA4R/VN4jqjw4y5HrynFL8AK0Z3/Jt7eOJXEitsm0GMRHDBjCfCiuTiLP7OESvsZYo2pATCWhDqxC5ZrM6w==
   dependencies:
-    hash-sum "^1.0.2"
-    loader-utils "^1.0.2"
+    chalk "^4.1.0"
+    hash-sum "^2.0.0"
+    watchpack "^2.4.0"
 
-vue-template-es2015-compiler@^1.9.0:
-  version "1.9.1"
-  resolved "https://registry.yarnpkg.com/vue-template-es2015-compiler/-/vue-template-es2015-compiler-1.9.1.tgz#1ee3bc9a16ecbf5118be334bb15f9c46f82f5825"
-  integrity sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==
+vue-observe-visibility@^2.0.0-alpha.1:
+  version "2.0.0-alpha.1"
+  resolved "https://registry.yarnpkg.com/vue-observe-visibility/-/vue-observe-visibility-2.0.0-alpha.1.tgz#1e4eda7b12562161d58984b7e0dea676d83bdb13"
+  integrity sha512-flFbp/gs9pZniXR6fans8smv1kDScJ8RS7rEpMjhVabiKeq7Qz3D9+eGsypncjfIyyU84saU88XZ0zjbD6Gq/g==
 
-vue@^2.7.16:
-  version "2.7.16"
-  resolved "https://registry.yarnpkg.com/vue/-/vue-2.7.16.tgz#98c60de9def99c0e3da8dae59b304ead43b967c9"
-  integrity sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==
+vue-router@^4.6.3:
+  version "4.6.3"
+  resolved "https://registry.yarnpkg.com/vue-router/-/vue-router-4.6.3.tgz#52a40a231b910806438a8203c065a411fd3f1faa"
+  integrity sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==
   dependencies:
-    "@vue/compiler-sfc" "2.7.16"
-    csstype "^3.1.0"
+    "@vue/devtools-api" "^6.6.4"
 
-vuex@^3.6.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/vuex/-/vuex-3.6.2.tgz#236bc086a870c3ae79946f107f16de59d5895e71"
-  integrity sha512-ETW44IqCgBpVomy520DT5jf8n0zoCac+sxWnn+hMe/CzaSejb/eVw2YToiXYX+Ex/AuHHia28vWTq4goAexFbw==
+vue@^3.5.22:
+  version "3.5.22"
+  resolved "https://registry.yarnpkg.com/vue/-/vue-3.5.22.tgz#2b8ddb94ee4b640ef12fe7f6efe1cf16f3b582e7"
+  integrity sha512-toaZjQ3a/G/mYaLSbV+QsQhIdMo9x5rrqIpYRObsJ6T/J+RyCSFwN2LHNVH9v8uIcljDNa3QzPVdv3Y6b9hAJQ==
+  dependencies:
+    "@vue/compiler-dom" "3.5.22"
+    "@vue/compiler-sfc" "3.5.22"
+    "@vue/runtime-dom" "3.5.22"
+    "@vue/server-renderer" "3.5.22"
+    "@vue/shared" "3.5.22"
 
-watchpack@^2.4.4:
+vuex@^4.1.0:
+  version "4.1.0"
+  resolved "https://registry.yarnpkg.com/vuex/-/vuex-4.1.0.tgz#aa1b3ea5c7385812b074c86faeeec2217872e36c"
+  integrity sha512-hmV6UerDrPcgbSy9ORAtNXDr9M4wlNP4pEFKye4ujJF8oqgFFuxDCdOLS3eNoRTtq5O3hoBDh9Doj1bQMYHRbQ==
+  dependencies:
+    "@vue/devtools-api" "^6.0.0-beta.11"
+
+watchpack@^2.4.0, watchpack@^2.4.4:
   version "2.4.4"
   resolved "https://registry.yarnpkg.com/watchpack/-/watchpack-2.4.4.tgz#473bda72f0850453da6425081ea46fc0d7602947"
   integrity sha512-c5EGNOiyxxV5qmTtAB7rbiXxi1ooX1pQKMLX/MIabJjRA0SJBQOjKF+KSVfHkr9U1cADPon0mRiVe/riyaiDUA==
@@ -9032,11 +8986,6 @@ y18n@^5.0.5:
   resolved "https://registry.yarnpkg.com/y18n/-/y18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
   integrity sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==
 
-yallist@^2.1.2:
-  version "2.1.2"
-  resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
-  integrity sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=
-
 yallist@^3.0.2:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-3.1.1.tgz#dbb7daf9bfd8bac9ab45ebf602b8cbad0d5d08fd"
@@ -9052,7 +9001,7 @@ yallist@^5.0.0:
   resolved "https://registry.yarnpkg.com/yallist/-/yallist-5.0.0.tgz#00e2de443639ed0d78fd87de0d27469fbcffb533"
   integrity sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==
 
-yaml-eslint-parser@^1.2.1, yaml-eslint-parser@^1.2.2, yaml-eslint-parser@^1.3.0:
+yaml-eslint-parser@^1.2.1, yaml-eslint-parser@^1.3.0:
   version "1.3.0"
   resolved "https://registry.yarnpkg.com/yaml-eslint-parser/-/yaml-eslint-parser-1.3.0.tgz#975dd11f8349e18c15c88b0e41a6d0b0377969cd"
   integrity sha512-E/+VitOorXSLiAqtTd7Yqax0/pAS3xaYMP+AUUJGOK1OZG3rhcj9fcJOM5HJ2VrP1FrStVCWr1muTfQCdj4tAA==