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" :data-view-transition="supportsViewTransition"
@click="toggleAppearance" @click="toggleAppearance"
> >
<ClientOnly>
<Transition name="fade" mode="out-in"> <Transition name="fade" mode="out-in">
<VPIconSun v-if="!isDark" class="sun" /> <VPIconSun v-if="!isDark" class="sun" />
<VPIconMoon v-else class="moon" /> <VPIconMoon v-else class="moon" />
</Transition> </Transition>
</ClientOnly>
</button> </button>
</template> </template>

View File

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