Fix more hydration issues. (#37)

This commit is contained in:
Alessandro Jean 2023-09-09 18:58:18 -03:00 committed by GitHub
parent 1f878c9f23
commit 0906da5826
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 54 additions and 50 deletions

View File

@ -29,10 +29,12 @@ onMounted(() => {
:data-view-transition="supportsViewTransition"
@click="toggleAppearance"
>
<ClientOnly>
<Transition name="fade" mode="out-in">
<VPIconSun v-if="!isDark" class="sun" />
<VPIconMoon v-else class="moon" />
</Transition>
</ClientOnly>
</button>
</template>

View File

@ -40,6 +40,7 @@ const labelPosition = computed(() => isSmallScreen.value ? "top" : "right")
</script>
<template>
<ClientOnly>
<div class="filters-list">
<ElForm label-width="120px" :label-position="labelPosition">
<ElFormItem label="Search:">
@ -87,6 +88,7 @@ const labelPosition = computed(() => isSmallScreen.value ? "top" : "right")
</ElFormItem>
</ElForm>
</div>
</ClientOnly>
</template>
<style lang="stylus">