Fix window reference being accessed in computed(), replaced with onMounted instead

Author: JorelAli

docs/.vitepress/theme/404/NotFoundComponent.vue

@@ -1,12 +1,13 @@
 <script setup lang="ts">
 import { useData } from "vitepress";
-import { computed } from "vue";
+import { computed, ref, onMounted } from "vue";
 import { changingVersion, currentVersion, isLatest, isOld } from "../versioning/version";
 import getRandomNotFoundMsg from "./notFoundMsg";
 
 const {theme} = useData();
-const redirectFromAnotherVersion = computed(() =>
-    window.location.search.startsWith("?from=") && !changingVersion.value,
+const redirectFromAnotherVersion = ref(false);
+onMounted(() =>
+    redirectFromAnotherVersion.value = window.location.search.startsWith("?from=") && !changingVersion.value,
 );
 const redirectFromVersion = computed(() => {
     if (redirectFromAnotherVersion.value) {

docs/.vitepress/theme/versioning/VersionSwitcher.vue

@@ -17,11 +17,13 @@ const route = useRoute();
 let versionList: string[] = [];
 let oldVersionList: string[] = [];
 const versions = ref<string[]>([]);
-const docsPath = computed(() => {
+const docsPath = ref("");
+
+onMounted(() => {
     if (isLatest.value) {
-        return window.location.pathname;
+        docsPath.value = window.location.pathname;
     } else {
-        return window.location.pathname.split(`/${ currentVersion.value }/`)[1];
+        docsPath.value = window.location.pathname.split(`/${ currentVersion.value }/`)[1];
     }
 });