fix: address some hydration issues

This commit is contained in:
Daniel Roe 2022-12-26 08:45:56 +01:00
parent 72855d7725
commit 3e3a241474
No known key found for this signature in database
GPG key ID: 22D5008E4F5D9B55
4 changed files with 8 additions and 8 deletions

View file

@ -1,9 +1,9 @@
<template>
<div h-full :class="{ zen: isZenMode }">
<div v-if="isMastoInitialised && showUserSwitcherSidebar" fixed h-full hidden lg:block bg-code border-r-1 border-base>
<div v-if="isHydrated.value && showUserSwitcherSidebar" fixed h-full hidden lg:block bg-code border-r-1 border-base>
<UserPicker />
</div>
<main flex w-full mxa lg:max-w-80rem :class="isMastoInitialised && showUserSwitcherSidebar ? 'user-switcher-sidebar' : ''">
<main flex w-full mxa lg:max-w-80rem :class="isHydrated.value && showUserSwitcherSidebar ? 'user-switcher-sidebar' : ''">
<aside class="hidden sm:flex w-1/8 md:w-1/6 justify-end lg:w-1/4 zen-hide" relative>
<div sticky top-0 w-20 lg:w-100 h-screen flex="~ col">
<slot name="left">
@ -13,9 +13,9 @@
<NavSide />
<PublishButton m5 />
</div>
<div flex flex-col>
<UserSignInEntry v-if="isMastoInitialised && !currentUser" sm:hidden />
<div v-if="isMastoInitialised && currentUser" p6 pb8 w-full flex="~" items-center justify-between>
<div v-if="isMastoInitialised" flex flex-col>
<UserSignInEntry v-if="!currentUser" sm:hidden />
<div v-if="currentUser" p6 pb8 w-full flex="~" items-center justify-between>
<NuxtLink
hidden lg:block
rounded-full text-start w-full

View file

@ -13,7 +13,7 @@ useHeadFixed({
</script>
<template>
<CommonAlert v-if="!hideNewsTips" @close="hideNewsTips = true">
<CommonAlert v-if="isHydrated.value && !hideNewsTips" @close="hideNewsTips = true">
<p>{{ $t('tooltip.explore_posts_intro') }}</p>
</CommonAlert>
<!-- TODO: Tabs for trending statuses, tags, and links -->

View file

@ -15,7 +15,7 @@ useHeadFixed({
</script>
<template>
<CommonAlert v-if="!hideNewsTips" @close="hideNewsTips = true">
<CommonAlert v-if="isHydrated.value && !hideNewsTips" @close="hideNewsTips = true">
<p>{{ $t('tooltip.explore_links_intro') }}</p>
</CommonAlert>

View file

@ -22,7 +22,7 @@ useHeadFixed({
</script>
<template>
<CommonAlert v-if="!hideTagsTips && data && data.length" @close="hideTagsTips = true">
<CommonAlert v-if="isHydrated.value && !hideTagsTips && data && data.length" @close="hideTagsTips = true">
<p>{{ $t('tooltip.explore_tags_intro') }}</p>
</CommonAlert>