fix: suspend errors by making sure there is always one node, plus cle…

…anup deps a bit

frontend/package.json

@@ -26,7 +26,6 @@
     "@headlessui/vue": "1.7.17",
     "@intlify/unplugin-vue-i18n": "2.0.0",
     "@pinia/nuxt": "0.5.1",
-    "@unhead/vue": "1.8.10",
     "@vuelidate/core": "2.0.3",
     "@vuelidate/validators": "2.0.4",
     "@vueuse/components": "10.7.2",
@@ -52,7 +51,6 @@
     "qs": "6.11.2",
     "rapidoc": "9.3.4",
     "universal-cookie": "6.1.1",
-    "vue": "3.4.15",
     "vue-advanced-cropper": "2.8.8",
     "vue-chartjs": "5.3.0",
     "vue-i18n": "9.9.0",
@@ -74,9 +72,7 @@
     "@types/nprogress": "0.2.3",
     "@types/prismjs": "1.26.3",
     "@types/qs": "6.9.11",
-    "@types/swagger-ui-dist": "3.30.4",
     "@unocss/nuxt": "0.58.3",
-    "@vue/compiler-sfc": "3.4.15",
     "@vue/eslint-config-typescript": "12.0.0",
     "eslint": "8.56.0",
     "eslint-config-prettier": "9.1.0",
@@ -102,13 +98,11 @@
     "vue-tsc": "1.8.27"
   },
   "comments": {
-    "hookable": "Hookable 5.5 seems to break with nuxt...",
-    "untyped": "https://github.com/unjs/untyped/issues/123"
+    "hookable": "Hookable 5.5 seems to break with nuxt..."
   },
   "pnpm": {
     "overrides": {
-      "hookable": "5.4.2",
-      "untyped": "1.4.0"
+      "hookable": "5.4.2"
     }
   }
 }

frontend/src/app.vue

@@ -49,7 +49,9 @@ onErrorCaptured((err) => {
 </script>
 
 <template>
-  <NuxtLayout>
-    <NuxtPage />
-  </NuxtLayout>
+  <div>
+    <NuxtLayout>
+      <NuxtPage />
+    </NuxtLayout>
+  </div>
 </template>

frontend/src/pages/[user].vue

@@ -35,9 +35,13 @@ async function cb(u: Ref<User | null>) {
 </script>
 
 <template>
-  <router-view v-if="!blocking || user" v-slot="{ Component }">
-    <Suspense>
-      <component :is="Component" :user="user" :organization="organization" />
-    </Suspense>
-  </router-view>
+  <div>
+    <router-view v-if="!blocking || user" v-slot="{ Component }">
+      <Suspense>
+        <div>
+          <component :is="Component" :user="user" :organization="organization" />
+        </div>
+      </Suspense>
+    </router-view>
+  </div>
 </template>

frontend/src/pages/[user]/[project].vue

@@ -48,7 +48,9 @@ provide("updateProjectPages", function (pages: HangarProjectPage[]) {
     <ProjectNav :project="project" />
     <router-view v-slot="{ Component }">
       <Suspense>
-        <component :is="Component" v-model:project="project" :user="user" />
+        <div>
+          <component :is="Component" v-model:project="project" :user="user" />
+        </div>
         <template #fallback>
           <Delayed> Loading... </Delayed>
         </template>

frontend/src/pages/[user]/[project]/versions/[version].vue

@@ -47,7 +47,9 @@ const versionPlatforms = computed<Set<Platform>>(() => {
 <template>
   <router-view v-slot="{ Component }">
     <Suspense>
-      <component :is="Component" :project="project" :version="version" :version-platforms="versionPlatforms" />
+      <div>
+        <component :is="Component" :project="project" :version="version" :version-platforms="versionPlatforms" />
+      </div>
       <template #fallback> <Delayed> Loading... </Delayed> </template>
     </Suspense>
   </router-view>

frontend/src/pages/auth/settings.vue

@@ -108,7 +108,9 @@ useHead(useSeo("Settings", null, route, null));
       <Tabs :tabs="tabs" router>
         <router-view v-slot="{ Component }">
           <Suspense>
-            <component :is="Component" :settings="settings" @refresh-settings="refreshSettings" @open-email-confirm-modal="emailConfirmModal.isOpen = true" />
+            <div>
+              <component :is="Component" :settings="settings" @refresh-settings="refreshSettings" @open-email-confirm-modal="emailConfirmModal.isOpen = true" />
+            </div>
             <template #fallback><Delayed> Loading... </Delayed></template>
           </Suspense>
         </router-view>