mirror your GitHub repos to tangled.org automatically
fix: render /connect page with no js
author
Daniel Roe
date
(Jun 13, 2026, 1:35 PM +0100)
commit
b55b39ef
b55b39efd81c09ff351c55a555f5c1cb87d50ca8
parent
a259ec92
a259ec920c3834c45181e84b8cacf2b746ee54d7
+13
-15
+12
-14
app/pages/connect.vue
+12
-14
app/pages/connect.vue
···
8
8
9
9
const route = useRoute()
10
10
11
-
const installationId = computed(() => {
12
-
const raw = route.query.installation_id
13
-
return typeof raw === 'string' && /^\d+$/.test(raw) ? raw : null
14
-
})
15
-
const verified = computed(() => route.query.verified === '1')
16
-
17
-
const { data: info } = await useFetch<ConnectInfo>('/api/connect/info', {
18
-
query: { installationId },
19
-
immediate: !!installationId.value,
20
-
ignoreResponseError: true,
21
-
})
11
+
const rawId = route.query.installation_id
12
+
const installationId = typeof rawId === 'string' && /^\d+$/.test(rawId) ? rawId : null
13
+
const verified = route.query.verified === '1'
14
+
const loginFromQuery = typeof route.query.login === 'string' ? route.query.login : null
22
15
23
-
const login = computed(() =>
24
-
(typeof route.query.login === 'string' ? route.query.login : null) ?? info.value?.login ?? null,
16
+
const { data: info } = await useAsyncData<ConnectInfo | null>(
17
+
`connect-info-${installationId}`,
18
+
() => installationId && !loginFromQuery
19
+
? $fetch<ConnectInfo>('/api/connect/info', { query: { installationId } }).catch(() => null)
20
+
: Promise.resolve(null),
25
21
)
26
-
const accountLabel = computed(() => login.value ?? 'your GitHub account')
22
+
23
+
const login = loginFromQuery ?? info.value?.login ?? null
24
+
const accountLabel = login ?? 'your GitHub account'
27
25
</script>
28
26
29
27
<template>